How to Animate Numbers and Charts in a Video

Based on our study of 1M+ videos by 280,000+ users

By Yao Ming, Founder7 min read
Short answer

To animate a chart in a video, paste your data as a two column table, choose the chart type (line, bar, donut or a single count up), and set a length of 5 to 10 seconds. Time the build to the narration, label only the values that matter, hold the final frame, and check every number against your source.

Real outputs from the Videotto template gallery.

Example: an animated line chart in 8 seconds

Example, not a real customer: a business YouTuber is making a video about a company that lost money for years and then turned a profit. The key moment is one sentence: "In 2023, for the first time, they made money." Here is how that becomes a chart.

  • Input data. Six rows pasted as text: 2019, -40; 2020, -32; 2021, -18; 2022, -6; 2023, 12; 2024, 31. Units: millions of dollars.
  • Request. "8 second animated line chart, 16:9. Title: Profit, in millions. Line starts at the lowest point, crawls upward and pauses when it crosses zero. Negative values red, positive green. Label only 2019, 2023 and 2024. Keep every number exactly as given."
  • Result, second by second. 0 to 1 s: title and empty axes fade in. 1 to 4.5 s: the red line climbs from -40 toward zero. 4.5 to 5.5 s: it crosses zero, turns green and pauses as "2023: +12" appears. 5.5 to 7 s: the line reaches 31. 7 to 8 s: hold on the final value.
  • Fix pass. The narrator says the key sentence a little later than expected, so the pause is moved half a second later. One follow up line, no rebuild.

Why this animated chart works

Decide what the viewer should feel, then let the motion do it. The slow red climb builds tension, the pause at zero is the payoff, and the green finish is the release. Nothing on screen competes with that one message.

Real requests are full of this kind of direction: "start at the lowest point", "pause when it crosses zero", "make the descent speed consistent", "get rid of the quarterly labels". Notes like these turn a generic chart into a scene.

  • One message per chart. If you have two points to make, make two charts.
  • Three labels, not twelve. The first value, the last value and the one that matters.
  • Timed to the voice. The number appears when it is said, not before.
  • A held ending. One to two seconds on the last frame so people can read it.
  • Honest axes. Start bar charts at zero, and keep the scale the same across charts you compare, or the motion exaggerates the change.

Pick the right chart for your numbers

The shape of the data decides the chart. Get this wrong and even a beautiful animation hides the point.

Data shape, chart, and how long it needs on screen

Your dataChartTime on screenHow people ask for it
A value over timeLine chart6 to 10 s"line crawls upward, pause when it crosses zero"
3 to 6 things comparedBars that grow5 to 8 s"bars that build as he says them"
Parts of a wholeDonut4 to 6 s"a donut that splits into the two shares"
One big figureCount up2 to 4 s"giant animated stat counter in red"
Before and afterTwo numbers side by side3 to 5 s"start at the old number, drop to the new one"
Growth across placesMap with spreading dots6 to 10 s"dots spreading from one city to the world"

On a phone, a donut with more than four slices or a line with more than about 12 points turns to noise. Trim the data before you animate it.

Animated chart prompts to copy

Adapted from real requests Videotto users sent to Otto. Paste your own rows where the brackets are.

Paste into Otto
Turn my data into an animated scene:
[label], [value]
[label], [value]
[label], [value]
Make an 8 second animated line chart for a YouTube business video.
Title: [your title].
Start at the first value and let the line build to the last. Pause on the key turning point.
Label only the first, the last and the turning point. Keep every number exactly as given.
Clean background, one accent colour. No music.

Shorter animated chart requests

  • "Turn my data into animated scenes. For YouTube, no music, within 10 seconds."
  • "Negative numbers and lines red, positive numbers and lines green."
  • "Make it a dynamic donut: the total splits into the two shares."
  • "Big numbers and bar charts that build as he says them."
  • "Count up to 1.2 million when I say the number, then hold it."

Where an animated chart sits in your video

A chart works best when it arrives at the moment the number matters and leaves before it gets dull. There are three common placements.

  • Full screen card. Cut from the speaker to the chart for 5 to 8 seconds, then back. Best for the key figure of the video.
  • Beside the speaker. The chart builds in the top third of a 9:16 frame while you keep talking. Best for talking head Reels and Shorts.
  • Over footage. A chart laid over B-roll, such as a line rising over city shots. Best for documentaries.

Pick one placement per video and keep it. A chart that moves around the frame from scene to scene feels unplanned, while the same spot every time becomes a format viewers learn.

Read: How to Add Motion Graphics to a Talking Head Video

Layouts for graphics next to a speaker.

Otto vs After Effects, Flourish and Canva for animated charts

There is no single best tool. It depends on how much control you need and how often you make charts.

How the common options compare

ToolWhat it is good atTrade offTypical time for one 8 s chart
After EffectsFull control over every keyframe; can drive animation from CSV or JSON dataSteep learning curve; building a chart from scratch is slowRoughly 1 to 2 hours for a newcomer, less with a template
FlourishData visualisation for the web, including bar chart race templatesMade for interactive embeds; turning it into a styled social video takes extra stepsRoughly 20 to 40 minutes plus export
CanvaSimple charts with preset animations inside a designLimited control over timing and how the chart buildsRoughly 15 to 30 minutes
PowerPoint or KeynoteChart animations you can export as a video fileBasic motion, slide shapedRoughly 15 to 30 minutes
OttoChart built from pasted data and plain language direction, timed to your videoLess frame by frame control than After EffectsA request plus a review, often under 10 minutes

Times are rough estimates for one simple chart. If you already know After Effects and need a chart that matches a brand system to the pixel, it is still the most flexible choice. If charts are one part of a video you are editing anyway, describing them in words is usually faster.

Read: The Complete Guide to Motion Graphics for Short Videos

Charts are one of many motion graphics you can ask for.

FAQ

How do I make an animated bar chart for a YouTube video?

To make an animated bar chart for a YouTube video, keep the data to 3 to 6 bars, start the axis at zero, and let each bar grow as the narrator names it. Set the frame to 16:9 at 1920 x 1080, give it a short title, and hold the finished chart for one to two seconds before cutting back.

What is the best length for an animated chart in a short video?

The best length for an animated chart in a short video is usually 5 to 10 seconds. That is long enough for the chart to build, pause on the key value and hold the final frame. A single count up can be as short as 2 to 4 seconds. If viewers cannot read the last number, the chart is too fast.

How do I keep an animated chart from being misleading?

To keep an animated chart from being misleading, start bar charts at zero, use the same scale when you compare charts, and show the units. Keep the speed of the animation consistent so a jump looks like a jump in the data, not in the timing. Then check the final frame against your source spreadsheet before you post.

Can I turn spreadsheet data into an animated chart without coding?

Yes, you can turn spreadsheet data into an animated chart without coding. Copy the relevant rows from Excel or Google Sheets as plain text, usually two columns of label and value, and paste them into a chart tool or an AI editor along with the chart type and length. Keep only the rows you want viewers to see.

What is a bar chart race video?

A bar chart race video shows bars for several items, such as countries or brands, that grow, shrink and swap places over time while a date counter runs. They work well for rankings over many years. They need more data than a simple chart, often dozens of time steps, and usually run 30 seconds to a few minutes.

Try it on your own video

Make your next video with Otto

Tell Otto what you want in plain words. It cuts, captions and animates the video for you.