Charts

Charts that read your theme.

Colours come from tokens (--chart-1…6, --chart-grid), so every chart follows light/dark, accent and glass without a single extra prop. Built on Recharts; the Chart frame with built-in formatting, legends, empty states and a “view as table” option is coming in M2.

Area — traffic

Two series, accent fill, dashed comparison line.

Bar — pipeline stages

Single series on --chart-1; rounded tops.

KPI row with sparklines

Mono tabular numbers, semantic delta colour, SVG sparkline — no chart library.

Open deals+9.2%
148
Avg. response−18%
1h 12m
Churn+0.3pt
2.4%