1. Editor
  2. Templates
  3. Chart and number counter animations

Templates

Chart and number counter animations

Numbers that count up and bars that grow, so the point lands before the sentence ends.

A number said out loud is forgotten; a number that counts up on screen is remembered. These templates turn the figures in your video into motion: type "17%" or a few "Label: number" pairs, and the counter, bar chart or line graph draws itself.

Try for freePlans from $20/month. Every tool on every plan.
Count-up stat template
Count-up stat
Bar chart template
Bar chart
Bar Chart Race template
Bar Chart Race
Progress ring template
Progress ring

Which chart for which number

You're sayingUseYou type
One big figure ("71% of Earth is water")Count-up stat or progress ringThe number and what it means
A ranking or a shareBar chartUp to six "Label: number" lines
How something changed over timeLine graph or bar chart raceThe values in order
Before and after, us and themComparisonTwo sides with their numbers
A ranked listTop 5 countdownThe five items

Data stories made from a script

In a script video, the planner spots the numbers for you: a sentence with a named figure becomes a count-up, a list of named numbers becomes a bar chart. The world-100-people example below was made that way, scene by scene, from a plain script.

If the world were 100 people
Who drinks the most coffee
Why the deep sea is blue

The library's charts and leaderboards

HyperFrames' library adds a full bar chart race, a data chart, a minimal line graph, a count-up stat card, a specs checklist and a leaderboard of the week's merges for developer channels. Each takes its numbers as variables in the Graphics panel.

Data Chart template
Data Chart
Minimal Line Graph template
Minimal Line Graph
Count-Up Stat Card template
Count-Up Stat Card
Specs Checklist template
Specs Checklist
Week in Merges template
Week in Merges
AI Answer Rank template
AI Answer Rank

Questions

How do I make a number count up in a video?

Add the Count-up stat from Graphics (or ask the chat for one), type the number with its prefix or suffix, like $4.2M or 17%, and render it. It counts from zero to your number and holds it.

Can I make a bar chart race?

Yes: the library's Bar Chart Race block animates ranked bars over time. For a simple ranking our Bar chart takes up to six labels with values.

Do the charts take my colours?

Our charts use your video's accent, and named colours in a label ("Red: 40") colour that bar. Library charts have their own palettes, with accent-like colours set to yours.

Updated 29 October 2026

Make your next video

Upload a video or paste a script, then say the edit. Our AI makes it on a timeline you can still change.

Try for free