Donut Chart Maker

How to make a donut chart

1. Type a label and a number for each part. The example shows website traffic by source; replace it with your own.
2. Set the hole with the Hole Size slider. It's measured as a share of the radius: 0% is a normal pie, 80% is a thin ring.
3. Choose a Chart Style and a Color Palette. Every style works as a donut, including 3D.
4. Download the chart as PNG (transparent background), JPEG or SVG, or use Embed to put it on a web page.

Picking a hole size

Same data, three holes:

The percentage labels sit in the middle of the ring, so a thicker ring leaves more room for them. Around 50 to 60% is a good default. Go thinner only when you have three or four slices and the chart will be shown large. Slices under 20° (about 5.5%) get their label placed outside the ring at any hole size.

Donut or pie?

For a long time the standard advice was that donut charts are harder to read, because the center of the pie is gone and people supposedly judge slices by the angle there. Drew Skau and Robert Kosara tested that in 2016. They found people judge slices mostly by arc length and area, not the center angle, and that donut charts were read about as accurately as pie charts. Only extremely thin rings did slightly worse.

So choose by what looks right on the page:

• A donut looks lighter next to text and other charts, which helps on dashboards and slides with several charts side by side.
• A full pie holds bigger labels and reads better when printed small.
• With more than six or seven slices, neither works well. Group the smallest ones into an "Other" slice, or use a bar chart.

Chartty doesn't put text inside the hole yet. If you want a total like "12,400 visits" in the middle, export as SVG and add the text in Figma, PowerPoint or Google Slides.