06 / 20Data & performance
Analytics Dashboard
A responsive product analytics dashboard with hand-built, accessible SVG charts.
- Data visualization
- SVG
- Responsive layout
- Accessible charts
stirling.lab/analytics Live demo
Loading demo…
What to notice
- Line, area, bar, donut and sparkline charts drawn from scratch in SVG
- Crosshair tooltips, brushing to zoom a date range, and linked highlighting
- Charts have table fallbacks and keyboard-navigable data points
- KPI tiles with period-over-period deltas
How it's built
- Scales and nice-tick generation are implemented directly with no chart library.
- ResizeObserver drives layout; charts re-render only when their box changes.
Hand-built in React 19 + TypeScript, with no UI or chart libraries.