Chart Category Income 1 - Donut with a center total

Pro

Donut chart of named slices with a center total and a legend.
Shadcn Chart Category Income 1 component

Component data

ID
chart/chart-category-income-1
Access
pro
Created
Sep 10, 2026
Type
example
Libraries
Radix UI, Base UI, React Aria

Chart Category Income 1 component design & features

This chart example uses the shadcn ChartContainer with a Recharts donut pie chart. Category slices share a center total and a legend for exact values.

Use it when a compact mix of categories should sit beside a total.