Share breakdown
- Size
- 1920×1080
- Frame rate
- 30 fps
- Length
- 6s
Four segments drawn one at a time, with a legend that fills in beside them.
Make your own animated donut chart
Draws a donut chart segment by segment to show how a total splits, with each share named as it lands. Say a sentence like the one below and your agent writes you a different one — free, in your browser.
Say this to your agent
>A donut showing how the budget splits four ways.
Or ask for a different one
Not settings — each one builds something else.
>A donut with two segments only — us and everyone else.
>Show the same split as a stacked bar instead of a donut.
>Draw the donut, then break it apart into four separate numbers.
What it worked out on its own
Each segment is its own layer with its own start angle and sweep, so adding a fifth category is one row in a table rather than four recomputed gradient stops.
The centre counts the total while the ring draws and then holds — an empty middle makes the viewer add up the legend themselves.
Every legend row carries a bar as well as a percentage, because comparing two categories on opposite sides of a ring is the one thing a donut is genuinely bad at.
