Chart Pie Donut - A donut chart

Pro

A donut chart using shadcn ChartContainer and Recharts.
Shadcn Chart Pie Donut component

Component data

ID
chart/chart-pie-donut
Access
pro
Created
Oct 5, 2025
Type
example
Libraries
Radix UI, Base UI, React Aria

Chart Pie Donut component design & features

A donut chart showing proportional data with a hollow center.

Pie and donut charts help show part-to-whole relationships like market share, budget allocation, or status distribution in summary views.