Charts
Data visualisation components built on Recharts. All charts use DAVE design tokens — colours, borders, and typography adapt automatically to light and dark themes.
Bar Chart
Grouped, stacked, and horizontal bars for comparing categorical data.
Line Chart
Continuous trends over time with multiple series support.
Area Chart
Filled area for volume and cumulative data over time.
Donut Chart
Part-to-whole proportions with an optional centre label.
Sparkline
Compact inline chart for use inside stat cards and tables.
Scatter Plot
Two-dimensional correlation chart with optional per-point labels.
Combo Chart
Bars and lines on the same chart, with optional dual y-axis.
Radar Chart
Multi-dimensional polygon chart for scoring and capability comparisons.
Funnel Chart
Sequential drop-off chart for conversion flows and sales pipelines.
Installation
Charts live in a separate package so you only pay the bundle cost if you use them.
pnpm add @haydywoo/dave-charts
Colour palette
Charts use a dedicated 8-colour categorical palette defined as CSS variables. Colours automatically switch between light and dark values when the theme changes.