Skip to main content

Free · runs in your browser · no sign-up

Animated pie chart maker

A pie or donut that sweeps in, then reshapes itself as the shares change from one period to the next, with labels and percentages that stay out of each other’s way.

Make an animated pie chart

It opens with sample data playing. Swap in yours whenever you like.

CSV, Excel or JSON · or drop a file here · nothing is uploaded

An animated pie chart draws its slices around the circle, then (if your data has more than one period) morphs smoothly to the next set of shares. Open the Market share template below, which follows five fictional brands from 2021 to 2025, or choose Pie and paste your own parts.

Slices keep their colour and their order while they grow and shrink, so viewers can follow one part through time. Labels sit outside the circle with leader lines and are spread out on each side so they never collide; slices under 1.5 % skip their label rather than cluttering the edge. A donut shows the total in its centre.

A frame from an animated donut chart GIF showing five fictional brands’ market share in 2025, labelled outside the ring (enlarge image)

A frame from a GIF export (Small, 480 pixels tall).

How to make an animated pie chart

  1. Open the template

    Select Open the Market share template, or choose Pie under Pick a chart to start.

  2. Paste the parts

    In Data, use Paste data: names in the first column and values in the next. Add more columns (one per year) to make the pie morph.

  3. Pie or donut

    In Chart, choose Donut or Pie under Style, and turn Value labels on or off under More options.

  4. Export

    In Export, choose Video (MP4) or GIF, the Format, and export.

When a pie is the right chart

Pies work for a handful of parts of one whole. With more than eight slices, the smallest are grouped into Other so the chart stays readable; if all of them matter, a bar chart compares them more precisely, and a waffle (100 squares) shows shares in a way people count at a glance.

Negative values can’t be part of a whole, so they’re drawn as zero and the Chart step tells you.

Making the morph read well

  • Keep the same parts in every period; a part with a blank value shrinks to nothing and grows back.
  • Give each period a little time: 1.2 seconds per period is the default.
  • Add the year as a big label (on by default) so the change has a when.

Animated pie chart questions

Can I make a donut chart instead?

Yes. In the Chart step choose Donut under Style. The centre shows the total, counting up as the chart sweeps in.

My values are percentages. Is that fine?

Yes. 45% is read as 45 with a % suffix. Slices are sized by their share of the total either way.

Can the pie animate across several years?

Yes. Add one column per year (or one row per year with the parts across); the pie morphs from each year to the next.

Can I export the pie chart with a transparent background?

Yes: turn on Transparent background in Style and export Transparent video (WebM) or Image (PNG).

Which colours are safe for colour-blind viewers?

The Clear and Colour-blind safe palettes were checked with a colour-vision-deficiency simulation so neighbouring slices stay distinct. Labels name every slice as well.