Chart Pie Donut Active - A donut chart with an active sector

Basic

A donut chart with an active sector using shadcn ChartContainer and Recharts.
Shadcn Chart Pie Donut Active component

Component data

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

Chart Pie Donut Active component design & features

A donut chart highlighting the active sector on interaction.

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