Charts
Data visualization components built on Recharts with automatic theming via CSS chart variables. Includes Area, Bar, Line, Pie, Donut, and metric chart cards.
Metric Chart Card — Sales Breakdown
Dashboard metric card with compact trend chart and breakdown rows.
Sales
$0
Total Sales
Orders
128
Total Orders
Area Chart — Revenue vs Expenses
Smooth area chart with two series. Ideal for trend comparisons over time.
Area Chart — Stacked
Stacked areas showing accumulated totals.
Line Chart — Multi-series
Compare multiple metrics with crisp lines.
Bar Chart — Grouped
Side-by-side bars for category comparison across periods.
Bar Chart — Stacked
Stacked bars showing composition within each period.
Bar Chart — Horizontal
Horizontal bars work well for ranking and category names that are long.
Pie, Donut & Gauge Charts
Pie and donut for part-to-whole comparisons; gauge works well for compact status totals.
Pie — Revenue by Channel
Donut — Order Status
Gauge — Order Status