Choose Chart or Sparkline
Use Chart when readers need axes, comparison between series, or exact source values. Use Sparkline when a compact trend supports an already labeled metric.
Charts
Chart and Sparkline use fixed series slots and keep source data accessible outside the SVG.
Chart
Accessible SVG line or area chart with tooltip and data table.
Sparkline
Compact inline line or area trend.
Designing chart views
Choose the smallest visualization that explains the relationship, then keep its meaning stable in every state.
Compose metrics and dashboards
Pair a Sparkline with one KPI. Use Chart for the shared analytical view, then place filters and summaries outside the plotting area.
Keep series meaning stable
Keep each series label, order, and semantic color consistent across loading, empty, filtered, and comparison states.
Show missing values as gaps
Treat missing observations as gaps. Do not turn them into zeroes or connect them with a line that implies measured data.
Preserve accessible source data
Give the visualization a clear accessible name and keep the source values available as text or a data table. Color is supporting information, not the only label.