Chart Pie Donut Text - A donut chart with text

Pro

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

Component data

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

Chart Pie Donut Text component design & features

A donut chart with centered text displaying a total or summary value.

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