Charts

4 components

Dependency-free SVG charts that follow the theme. labels names the x positions; each series is { name, values, color? } with one value per label. Charts animate in when they appear and glide to the new values when their data changes (pass `animate={false}` to turn it off); users who prefer reduced motion never see the animation.

AreaChart

Same props as LineChart with the area under each line filled, including smooth.

BarChart

Series are grouped by default; add stacked to stack them.

LineChart

Add smooth for curves instead of straight segments. The curve still passes through every point and never ov…

PieChart

data: [{ label, value, color? }]. Add donut (and optionally center) for a ring. Hover a slice for its label…