Pie & donut charts
Recharts circular variants with distinct rings, gauges, labels, sectors, and interactions.
Basic pie
A full-radius pie with four categorical sectors.
Pie with labels
External percentage labels identify every sector.
Padded pie
Wide angular spacing separates each slice.
Rounded sectors
Corner radii and narrow spacing soften the pie shape.
Classic donut
A central cutout creates a clear ring shape.
Thin donut
A narrow ring works well for compact distribution charts.
Semi donut
A half-ring creates a compact summary silhouette.
Gauge donut
A partial progress ring communicates a single score.
Progress ring
One colored arc sits over a muted remainder track.
Nested donuts
Two concentric rings compare device and region mix.
Multi-ring progress
Independent concentric arcs show three completion values.
Interactive selected slice
Click a sector to focus it and update the summary.
Donut with legend
A wrapped legend supports categorical scanning.
Sentiment donut
Semantic colors communicate positive, neutral, and negative share.
Monochrome donut
Opacity, not hue, separates slices within one brand color.