Rescroll

Free pie chart animation maker

Type your labels and values and download a pie chart whose slices sweep in one after another, with a legend that counts up each percentage. A 1080p MP4, made in your browser. Free, no sign-up, no watermark.

How it works

How to make a pie chart animation.

Four steps, about a minute, and nothing to install.

  1. 1

    Type your slices

    Give each slice a label and a value, from two slices up to eight. The values can be amounts or percentages: the chart works out each slice's share and rounds the percentages so they add up to 100. Add a title above it.

  2. 2

    Choose pie or donut

    A pie fills the whole circle. A donut is a ring with a figure in the middle: the total, or the largest slice. Turn the legend and the percentages on the slices on or off, and pick how the slices are colored.

  3. 3

    Set the timing and the look

    Fill time is how long the slices take to sweep in, from 1 to 10 seconds. Then pick one of six looks and a typeface, or set your own text and background colors: green if you'll lay the chart over footage.

  4. 4

    Download the MP4

    Press Download. The video is rendered in your browser at 1080p and saved to your device, usually in a few seconds. No account, no watermark.

Ready-made versions

Start from the one you came for.

Each one opens its own maker with the settings filled in. Change anything, then download.

Donut chart animation

A monthly budget as a ring of five slices around a $3,200 total that counts up, in warm colors, with the legend underneath.

When a pie chart isn’t enough

The free pie chart is the starting point.

Here you get a clean chart on a background. In Rescroll you describe the graphic you actually want in plain English, like “a donut chart of where my $12,400 came from, each slice filling in as I name it”, and it's designed from scratch on your own video, placed around you and timed to the exact word you say. You can attach your data, a screenshot or your logo, and change anything by asking in the chat.

Free pie chart

Rescroll

One chart, in a look or your colors

Any design you can describe, matched to your logo, fonts or a screenshot

A clip you overlay and key out yourself

Built on your own video, placed around you

You line it up in your editor

Timed to the exact word you say

Change it with the settings here

Change anything by asking in the chat

Make it yours in RescrollSee AI motion graphics

Part of the Pro, Ultimate and Scale plans.

Revenue chart. A flat year, then the spike, on “this”.
Payout reveal. The number rolls as he says it.

Both built in Rescroll from a description.

The basics

What is a pie chart animation?

A pie chart animation is a short video of a pie chart building itself: the slices sweep round the circle one after another until it is whole, and each slice's percentage counts up as it arrives. Editors lay it over a video to show how something is split: a budget, a survey result, where income or traffic comes from.

This maker is a pie chart animation generator that runs in your browser. It builds the chart from the labels and values you type, from two slices up to eight, works out each slice's share, rounds the percentages so they add up to exactly 100, and lists them in a legend that fills in row by row as the slices land. Switch Shape to Donut and the chart becomes a ring with the total counting up in the middle.

A pie reads best with a handful of slices. If you have more than five or six, add the small ones together as Other, and set Slice order to Largest first so the slices run from biggest to smallest, clockwise from the top.

What you download

Price
Free. No sign-up, no email, no watermark.
Format
MP4 (H.264), no audio
Resolution
1080p: 1080×1920, 1920×1080, 1080×1080 or 1080×1350
Frame rate
30 or 60 fps
Slices
2 to 8, each with a label of up to 18 characters and a value up to 999,999,999
Percentages
Whole numbers worked out from your values, rounded so they add up to 100
Chart
A pie, or a donut with a thin, medium or thick ring and a figure in the middle
Fill time
1 to 10 seconds, plus up to 5 seconds resting on the finished chart
Colors
Six looks, or shades of any text color, on any background color
Overlay
Green background for chroma key
Where it runs
In your browser. Nothing is uploaded.

In your editor

Put the pie chart on your video.

An MP4 has no transparent background, so the pie chart comes ready to key. Set the background to green and remove it with chroma key.

How to add a pie chart in CapCut

Download the pie chart on a green background. In CapCut, drag it onto the track above your video so it sits on top as an overlay. Select it, open Video → Remove BG → Chroma key, pick the green with the color picker and raise Strength until the background is gone. Menu names move a little between CapCut versions; look for Chroma key.

How to add a pie chart in Premiere Pro

Put the pie chart on a video track above your footage. From the Effects panel, drag Ultra Key onto it and click the Key Color eyedropper on the green.

How to add a pie chart in DaVinci Resolve

Place the pie chart on the track above your footage. On the Edit page, open Effects → Open FX, find 3D Keyer under Resolve FX Key and drag it onto the clip, then sample the green in the viewer with the Open FX overlay switched on.

How to add a pie chart in Final Cut Pro

Connect the pie chart above your footage in the timeline. From the Effects browser, drag the Keyer effect onto it; it finds and removes the green by itself.

Questions

Pie chart animation: your questions, answered.

What is a pie chart animation?

A pie chart animation is a short video of a pie chart building itself: the slices sweep round the circle one after another, and each slice's percentage counts up as it arrives. It shows how a whole is split: a budget, a survey result, where income or traffic comes from.

How do I make an animated pie chart?

Type a label and a value for each slice into the pie chart maker at the top of this page, choose Pie or Donut, pick a look and a frame shape, and press Download. You get a 1080p MP4 made in your browser, with no sign-up and no watermark.

Do my values have to add up to 100?

No. Type any amounts, such as dollars, votes or hours, and the chart works out each slice's share of the total. If your numbers are already percentages, type them as they are.

Why do the percentages add up to exactly 100?

Because the rounding is done across the whole chart, not slice by slice. Rounding each share on its own can leave a legend that totals 99 or 101, so the maker rounds every share down and gives the points left over to the slices that lost the most.

How many slices can the pie chart have?

From 2 to 8. Each slice has a label of up to 18 characters and a value from 0 to 999,999,999, with up to two decimals. A slice too thin to see is drawn a little wider so it doesn't disappear.

Can I make a donut chart instead of a pie chart?

Yes. Set Shape to Donut. The chart becomes a ring in one of three thicknesses, and the middle shows the total counting up, the largest slice's percentage, or nothing.

Can I change the colors of the slices?

Yes, in two ways. Look colors gives every slice a color of its own from the look you picked. Shades steps a single color from light to dark: the look's own, or the Text color under Look once you set one, so you can have a chart in your own hue.

Can I show the percentages on the slices?

Yes. Turn on “Percentages on the slices” and each slice carries its percentage. A slice too small to hold the number goes without it, and the legend still lists every one.

Can I sort the slices from largest to smallest?

Yes. Set Slice order to Largest first and the slices run from biggest to smallest, clockwise from the top. As typed keeps them in the order of your table.

Can I hide the legend or the title?

Yes. Turn off “Show the legend” for the chart without its list, and clear the Title field to remove the heading. With both gone the chart sits alone in the middle of the frame, which is the simplest version to lay over footage.

How long is the pie chart video?

It opens at 5.5 seconds: half a second for the empty chart to draw in, 3 seconds for the slices and 2 seconds resting on the finished chart. Fill time runs from 1 to 10 seconds and the rest from 0 to 5.

Can I use the animated pie chart in PowerPoint or Google Slides?

Yes. It's a standard MP4, so it plays wherever a video does: add it to a slide like any other video, or put it on a timeline in any editor. Choose the 16:9 frame for a slide, where the legend sits beside the chart.

Is the pie chart maker free?

Yes. It's free to use and free to download, with no account, no email address and no watermark on the video. There's no limit on how many you make.

What format and resolution is the video?

An MP4 with H.264 video, at 1080p in the shape you choose: 1080×1920 (9:16) for TikTok, Reels and Shorts, 1920×1080 (16:9) for YouTube, 1080×1080 (1:1), or 1080×1350 (4:5) for the Instagram feed. You can export at 30 or 60 frames per second.

Can I get the pie chart with a transparent background?

MP4 can't store transparency, so the pie chart comes ready to key instead. Set the background to green and remove it with chroma key in your editor. Only the pie chart is left over your footage.

Is my video uploaded anywhere?

No. The pie chart is drawn and encoded on your own device, using your browser's built-in video encoder. Nothing is sent to a server and there's no render queue.

Which browsers does it work in?

It needs a browser that can encode video with the WebCodecs API: current versions of Chrome, Edge and Safari, and Firefox on a computer. If your browser can't, the page tells you before you start.

Can I use the pie chart in client work, ads or monetized videos?

Yes. The video you download is yours to use in personal and commercial projects, with no attribution needed.

Can I match my brand, add my logo or change the design?

Not in the free maker, which is deliberately simple. That's what Rescroll's AI motion graphics are for: describe the graphic you want in plain English, attach your logo, fonts or a screenshot of your style, and it's designed from scratch on your own video, placed around you and timed to the word you say. Ask for any change in the chat. It's part of the Pro, Ultimate and Scale plans.

Guides

Go deeper.

How to Make Animated Charts and Number Counters for Your Videos

A number said aloud is forgotten in seconds; a number that counts up on screen sticks. Here's how to make animated charts and counters that are readable on a phone, honest with the data and timed to what you say.

How to Add Motion Graphics in CapCut

CapCut can get you surprisingly far: text animations, keyframes and templates cover most simple motion graphics. Here's how to use them well, step by step — and what to do when you need a graphic no template has.

How to Add Motion Graphics in Premiere Pro in 2026

If you're looking for the Essential Graphics panel, it's gone — text and graphics now live in the Properties and Graphics Templates panels. Here's how to add, animate and template motion graphics in Adobe Premiere today, step by step.

More free tools

Other graphics you can make here.

All free, all made in your browser, all without a watermark. See every free tool.

Bar chart animation

Six months of revenue as rising bars, each value counting up as its bar grows. Type your own labels and numbers for 2 to 8 bars.

Line graph animation

A line drawing itself through eight months of visitors, with a soft fill underneath and a chip that counts up to 8,100.

Bar chart race

Eight made-up note apps racing from 2020 to 2025: bars overtaking each other, values counting, the year rolling over.

Timeline animation

Five milestones from 2018 to 2026, each dot popping as the line reaches it and its date and title rising in.

Checklist animation

Five steps ticked off one by one: each circle fills, the check strokes in, the item dims and a count runs up beside the title.

Ranking list

Up to ten places in a numbered list that fills in one at a time, counting down to number one or up from it.

Keep reading

Where to go next.

AI motion graphics

Counters, charts, app screens and maps designed from a description, on your own video and timed to your words.

AI video editor

The whole edit from a sentence: silences and bad takes cut, captions, color, zooms and graphics.

Rescroll vs After Effects

When to keyframe a graphic yourself, and when to describe it instead.

Rescroll vs CapCut

Preset text animations against graphics designed for each moment. Often used together.

Your next video,
edited like the top 1%.

Drop it in. Say what should appear. Read the plan, press Build, and export the finished video — no After Effects, no editor, no template.

Make your first graphic

Part of Pro, Ultimate and Scale · Export is free · Failed builds are refunded