Sparklines

Compact, axis-free trend charts inside KPI cards. Each ChartContainer is sized to a fixed height with no axes or grid, and the delta chip is coloured by whether the movement is favourable.

$bunx shadcn@latest add @nx-ui/chart
Registry item
Installs withutils

KPI row

Four headline metrics, each with an inline sparkline in line, area or bar form. The KPI value sits above the trend; the delta chip turns green or red by direction of favour.

Tonnage diverted+12.4%
1,842 t
Movements / week+8.1%
72
Soil restored+22.1%
25,800 m³
Landfilled tonnage-6.3%
205 t

Inline area sparkline

A single sparkline sized to sit within a line of copy or a table cell.

Diversion trend (8 wks)
+12.4%

API reference

Exported parts and their props, extracted from the component source.