Back to components
Dashboard component
Chart Pie
Donut or pie chart with center label, rotating accent palette, and percentage legend.
Install
What it does
- Donut variant with custom center label/sub-label
- Right-side legend with auto-calculated percentages
- Rotating 8-color accent palette
- Override per-slice color when needed
When to use
Use it
Composition / share-of-total (revenue by channel, cost breakdown).
Skip it
More than ~6 categories (legibility drops fast).
Files & routes added
- components/dashboard/chart-pie.tsx