Sparkline
A tiny trend for a KPI tile: no axes, a dot on the latest point.
When to use it
It shows direction, not values: the tile’s own figure is the number. Put it under a Stat, about 40px tall.
KPI tiles
Options
Everything you can pass to Sparkline.
| Prop | Type | Default | What it does |
|---|---|---|---|
| data | (number | null)[] | — | Oldest first. |
| labels | string[] | — | Per-point labels for the hover readout. |
| color / area / height | string / boolean / number | --chart-1 / true / 40 | Line colour token, wash under it, height. |
| valueFormatter / aria-label | — | — | As the other charts. |