Recharts Donut Pie
A clean donut chart — `<Pie>` with `innerRadius` set to 60% of the outer radius, centre slot reserved for a big total label rendered with native SVG `<text>` elements, tooltip surfaces the segment name + value + percentage on hover. Recharts' pie chart auto-computes per-segment a
Template details
- chart
- pie
- donut
- share
- recharts
- react
When to use this template
A donut chart effectively communicates how individual categories contribute to a larger total, making the overall sum prominent while still detailing its composition. It is ideal for assessing the proportional distribution of a single metric across distinct segments, particularly when tracking progress or status against a defined whole.
- Datasets with one categorical and one quantitative variable.
- Quantitative values that represent parts of a meaningful whole.
- Small number of distinct categories, typically 2 to 5 segments.
- Data where the sum of parts is a key metric to highlight.
- Static snapshots or infrequent updates, not continuous time series.
- Proportional breakdowns where segment size is relative to the total.