Charts

Lightweight SVG chart primitives — not a full charting library, but enough for most dashboards.

Tiny inline line or area chart.

tsx

<Sparkline data={[10, 12, 11, 14, 18, 16, 22]} />

Circular progress with optional center slot.

tsx

<ProgressRing value={72} severity="primary" showValue />

Half-circle gauge with optional multi-colour segments.

tsx

<Gauge value={82} severity="success" showValue />

Inline micro bar chart. Optional last-bar highlight.

tsx

<MiniBarChart data={[4, 8, 12, 6, 9, 15]} highlightLast />

Dashboard-sized trend with optional axis labels.

tsx

<TrendChart data={series} severity="primary" showAxis />

Area-only variant of TrendChart. Useful for KPI tiles.

tsx

<AreaChartMini data={series} severity="primary" />