@repo/ui Component Library

Charts

Data visualization components built on Recharts with automatic theming via CSS chart variables. Includes Area, Bar, Line, Pie, and Donut charts.

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 Charts

Full pie for part-to-whole comparisons; donut variant leaves space for a central label.

Pie — Revenue by Channel

Donut — Order Status