GeneratorsDonut chart

Animated Donut Chart Generator

Show how parts make up a whole, beautifully. Export as PNG, SVG, GIF or MP4.

Exports asMP4GIFPNGSVG

Free to try · No design skills · Ready in about two minutes

Overview

What is a donut chart?

A donut chart, a pie with the centre removed, shows how a single total breaks down into parts, with each slice sized by its share. It answers 'what is the mix?': where traffic comes from, how revenue splits across segments, how a budget is allocated. The hole in the middle reduces visual clutter and leaves space for a label or total.

Its honest use is narrow but real: a few parts of one whole, where the rough proportions are the message. Humans are poor at comparing angles precisely, so a donut is great for 'social is about a third of our traffic' and poor for 'is segment C bigger than segment D by two points?'. When precision matters, a bar chart wins.

Reochart sweeps each slice into place as it animates, which turns a simple split into something polished enough for a post or a deck. Use three to six slices, label them clearly, and export as MP4, GIF, PNG or SVG, on your brand on Pro.

reochart.com/editor
Data
Organic search38
Direct27
Referral16
Paid12
+ Add row
MP4GIFPNGSVG
Export

How it works

How a donut chart works

1

Each value is converted to a share of the total, and that share becomes the slice's angle around the ring. The full circle is 100 percent, so the slices always add up to the whole, which is why a donut is only valid when your categories really are parts of one total.

2

The ring (rather than a full pie) keeps the shape light and gives you a clean centre for a headline number or label.

Examples

Example donut charts

Real charts made in Reochart, each with its own data and theme. Hover to play the animation.

Traffic by source, the classic mix.
Revenue by segment.
Budget split across a few buckets.

Good fit

When to use a donut chart

  • Traffic by source
  • Revenue by segment
  • Market share
  • Budget or spend split
  • Any 'parts of one whole' with a few categories

Reach for something else

When not to use a donut chart

  • You need precise comparison between slices, use a bar chart, angles are hard to read exactly.
  • You have more than about six categories, the slices get thin and indistinct.
  • Your categories are not parts of a single total (they do not sum to 100%).
  • You are comparing the same split across time or groups, use stacked bars.

Compare

Donut chart vs other charts

Donut vs the alternatives.

Chart typeBest forAvoid when
Donut / pieParts of one whole, a few slicesPrecise comparison or many slices
Bar / columnComparing category values exactlyEmphasising share of a total
Stacked barComposition across categories or timeA single one-off split
TreemapMany nested parts of a wholeA handful of simple slices

Your data

What data you need

One row per slice: a label and a value (counts or percentages both work). Paste from a sheet or import a CSV. 3 to 6 slices reads best.

LabelValue
Organic48
Direct24
Social18
Referral10

Step by step

How to make a donut chart

1
Paste or import

Drop your numbers in, or import a CSV.

2
Pick a style

Choose the chart, theme and animation speed.

3
Make it yours

Tune colours, labels and add your brand.

4
Export anywhere

Download MP4, GIF, PNG or SVG.

Best practices

Get it right

Do
  • Keep to 3-6 slices so each is easy to tell apart.
  • Order slices largest to smallest for a clean read.
  • Label each slice with its share directly.
  • Use it only when the parts sum to a meaningful whole.
Don't
  • Use a donut to compare values precisely, bars do that better.
  • Cram in 8+ thin slices nobody can distinguish.
  • Make people match a separate legend to tiny slices.
  • Use one when your categories are not parts of a total.

Watch out

Common mistakes to avoid

!
Too many slices

Past about six, slices get thin and the chart turns into confetti. Group the long tail into 'Other'.

!
Using it for precise comparison

We read angles poorly. If the exact gap between two categories matters, use a bar chart.

!
Parts that do not sum

A donut implies the slices make up 100%. If they do not, it misleads.

!
Legend hunting

Forcing readers to match colours to a side legend slows them down. Label slices directly.

Why Reochart

Built for sharing, not just charting

  • No design skills required
  • Animated MP4 and GIF exports
  • PNG and scalable SVG too
  • Your brand colours and logo (Pro)
  • Paste from a sheet or import a CSV
  • Presentation and feed ready in minutes

FAQ

Frequently asked questions

What is a donut chart?

A circular chart, like a pie with a hole in the middle, where each slice represents a category's share of a single whole.

Donut chart or pie chart?

They show the same thing. The donut's hole reduces clutter and leaves room for a centre label, which is why it often looks cleaner.

How many slices should a donut chart have?

Three to six. Beyond that, slices get thin and hard to tell apart, group the small ones into 'Other'.

When should I not use a donut chart?

When you need to compare values precisely (use bars), when you have many categories, or when the parts do not sum to a whole.

Can I make it animated?

Yes. Charts animate by default, and you can export the animation as an MP4 or GIF, or grab a static PNG or SVG if you prefer.

Can I export as SVG?

Yes. Pro exports a crisp, scalable SVG vector, alongside MP4, GIF and PNG. Every export renders at 1080p.

Is Reochart free?

Yes. The free plan lets you make every chart type and export an animated MP4 with a small watermark, no card needed. Pro removes the watermark and adds GIF and SVG, your brand colours and logo, longer videos and CSV import.

Make your donut chart now

Drop in your numbers and export something worth sharing, in about two minutes. Free to start.