Line Chart

LiqLineChart is a deliberately minimal single-series line chart. It auto-scales the y-axis to the data extents (or to explicit min / max bounds), renders entirely via CustomPaint, and ships zero external dependencies. Dot markers and a soft gradient area fill are optional.

By design the widget has no axes labels, no legend, and no zoom. Wrap it in your own labels or annotations when you need more — the goal is a clean primitive that drops into sparkline cells, dashboard tiles, and inline trend indicators.

Default

// ignore_for_file: file_names // hyphenated name required by snippet manifest conventionimport 'package:docs_snippets/src/snippet_frame.dart';import 'package:flutter/widgets.dart';import 'package:liqkit_ui/liqkit_ui.dart';​/// Snippet builder consumed by `apps/docs_snippets/lib/src/routes.g.dart`.Widget lineChartDefaultBuilder(BuildContext context) {  return SnippetFrame(    maxWidth: 480,    height: 180,    child: LiqLineChart(      values: const <double>[3, 7, 5, 12, 8, 14, 11, 18, 15, 20],    ),  );}

Dots

// ignore_for_file: file_names // hyphenated name required by snippet manifest conventionimport 'package:docs_snippets/src/snippet_frame.dart';import 'package:flutter/widgets.dart';import 'package:liqkit_ui/liqkit_ui.dart';​/// Snippet builder consumed by `apps/docs_snippets/lib/src/routes.g.dart`.Widget lineChartDotsBuilder(BuildContext context) {  return SnippetFrame(    maxWidth: 480,    height: 180,    child: LiqLineChart(      values: const <double>[3, 7, 5, 12, 8, 14, 11, 18, 15, 20],      showDots: true,      smooth: false,    ),  );}

Sparkline

// ignore_for_file: file_names // hyphenated name required by snippet manifest conventionimport 'package:docs_snippets/src/snippet_frame.dart';import 'package:flutter/widgets.dart';import 'package:liqkit_ui/liqkit_ui.dart';​/// Snippet builder consumed by `apps/docs_snippets/lib/src/routes.g.dart`.Widget lineChartSparklineBuilder(BuildContext context) {  return SnippetFrame(    maxWidth: 200,    height: 40,    child: LiqLineChart(      values: const <double>[3, 5, 4, 7, 6, 9, 8, 12, 10, 14],      fillArea: false,      strokeWidth: 1.5,    ),  );}