Motion Graphics for Data Storytelling: Make Numbers Land

Most videos that contain a number say it out loud and hope. The narrator reads "a forty percent drop in setup time", the picture shows someone typing, and the figure is gone before anyone has decided whether to believe it. Motion graphics for data storytelling exist to fix exactly that moment: putting the number on screen, in context, in the order the viewer needs to read it, so the eye and the ear carry the same idea at once.

The difference between a chart that lands and one that decorates is rarely the rendering. It is decisions made before anyone opens After Effects: which number matters, what it is compared with, and what the viewer should look at first. This guide walks through those decisions, the chart types that survive motion, and how our motion graphics and VFX team builds animated data so it can be updated next quarter without starting again.

Why a number read aloud rarely lands

Spoken numbers are hard to hold. A listener gets one pass at "from 2,300 to 3,100 over two quarters" and has to do the subtraction in their head while the voiceover moves on. A static slide is better, but it shows everything at once, and the viewer has to work out where to start.

Animation controls sequence. You can show the baseline, let it settle, bring in the comparison, then make the difference itself the thing that moves. The point is the last thing to arrive and the only thing still moving.

That is also why animated data goes wrong so easily. Motion is a pointer. If everything moves, nothing is being pointed at. Twelve bars swooping in together with a bounce ease have spent their one advantage on decoration.

What makes a chart work in motion

Reveal in the order a person reads

People read a chart in a fairly predictable order: what is this about, what are the axes, where is the baseline, what changed. Animate in that order. Title and axis labels first, and still. Then the reference value. Then the data, in the direction time or reading flows, left to right for most audiences. The final value or the gap gets the last beat and the longest hold.

A rule of thumb I use: once the key figure has landed, hold the frame for at least as long as it would take to read the number aloud twice. Editors under time pressure cut that hold first, and it is the most valuable second in the sequence.

One chart, one point

A chart in a report can carry three findings because the reader can linger. A chart in a video gets a few seconds. Ask of every animated chart "what is the one sentence this proves?" If the answer has an "and" in it, it is probably two charts.

Legible at phone size

Most business video is now watched on a phone at some point in its life, even if it was made for a landing page. Axis labels that read fine on a 27-inch monitor turn into grey noise at 390 pixels wide. We set type at sizes that survive a phone screen, cut the gridlines down to the few that help, and label values directly on the bars or points instead of making the viewer trace back to an axis. If a label cannot be read on a phone, it should not be in the frame.

Honest scales

Motion makes distortion more persuasive, not less. A bar chart whose y-axis starts at 90 turns a two percent change into a bar that doubles, and when that bar grows on screen the exaggeration feels physical. Bar charts should start at zero. If the real story is a small change on a large base, show it as a line with a clearly labelled axis, or show the change itself as the headline number.

Choosing the right chart for the point you are making

Chart choice follows the claim, not the data type. The same spreadsheet can produce a line, a bar and a funnel, and each one argues something different. This is the table I work from when a brief arrives with a column of numbers and "can we animate this?"

Notice that the "how it should move" column always ends with the single thing the viewer should remember. That is deliberate. The last element to arrive is what people carry out of the shot.

A scenario: a quarterly update that has to be made four times a year

Picture a SaaS company that sends customers and investors a short video update every quarter. Say it is a scheduling tool with a small marketing team. Each quarter the script changes a little, but the shape stays the same: active teams, meetings booked, a new feature, a customer support number.

The first time, somebody builds the charts by hand, sizing bars by eye against a dashboard screenshot. Three months later the numbers change, nobody remembers which layer was scaled to what, and the whole thing is rebuilt, with one bar now visibly the wrong length for its label.

The better build links the composition to the data. The figures live in a CSV or JSON file, and the bar heights, line points and labels read from it. Next quarter the team edits the spreadsheet, we re-render, and the typography, easing and timing stay identical, so returning viewers read each edition faster. That is how our motion graphics and VFX service handles recurring data: a refresh is a re-render rather than a rebuild, and the data file is delivered with the project.

Kinetic type, callouts, and when not to animate data at all

Not every number needs a chart. A single striking figure is often better as kinetic typography: the number set large in your brand typeface, arriving on the beat of the voiceover, with one short line of context underneath. A chart implies a comparison. If there is no comparison, a chart is just a slower way of showing one number.

Callouts are the other workhorse. In a product video the data is often already on screen inside your interface, and the job is not to redraw it but to point at it: a tracked highlight, a zoom, a label that sticks to the right cell as the camera moves.

And sometimes the right answer is no motion at all. If your audience will pause to study a table, give them a clean, static frame and hold it.

Who this is for, and who it is not for

Animated data is worth the effort for product teams whose outcome or benchmark is currently carried by the voiceover alone, marketers putting real funnel or growth figures into a launch or paid-social cut, teams producing a recurring update where a re-renderable template pays for itself by the second edition, and editors with a finished cut that reads flat.

It is probably not for you if the numbers are not final, or not yours to publish. Animating provisional figures means re-animating them, and a polished chart makes an unverified claim look more certain than it is. For a one-off internal presentation watched once on a laptop, a well-designed static slide does the job for a fraction of the cost.

How we build a data sequence

1. Shot breakdown against the script or locked cut. We mark every moment where the viewer is asked to imagine a quantity and recommend which ones earn a graphic. Usually fewer than the brief suggests.

2. A data check. Every figure is traced to its source file, and the exact wording of each label is agreed before it is animated.

3. Look development on styleframes. Two or three finished frames set chart styling, type and colour. Changing a still costs an hour; changing twenty animated shots is a re-do.

4. Build, linked to data where it will change. Charts are animated from the real values, with reveals timed to the voiceover. Recurring charts read from a CSV or JSON file so the next edition is a re-render.

5. Render and hand over. Finished masters in the ratios you need, alpha-channel elements (ProRes 4444 or PNG sequence) if the graphics are going into your own edit, and the After Effects project with the data file, built with stock tools so it opens on your machine.

If you are briefing us, the brief template on our process page covers what to send. For data work, add the spreadsheet and the name of whoever can confirm the figures.

Where it sits in our pricing

Motion Graphics & VFX appears as an add-on in the Scale Package at $1,600, alongside everything in the Growth Bundle and full editing on one raw footage set of up to ten minutes, on a 14-day turnaround for the whole kit. It is included again in the Full-Funnel Bundle, from $2,900.

A standalone graphics pass on footage you already have is scoped as a one-off project, typically 7 to 10 days depending on how much tracking and rotoscoping the shots need. Teams adding charts and callouts continuously, say a monthly metrics video plus ad cutdowns, usually find the $2,450/mo retainer simpler, where a single request averages about 48 hours.

If your footage still needs cutting, pair this with video editing and post-production first: graphics need a locked cut.

Frequently asked questions

What is data storytelling in video?

It is using the sequence and timing of a video to walk a viewer through what a set of numbers means, rather than presenting the numbers all at once. In practice that means choosing one point per chart, revealing the baseline before the change, and making the key figure the last thing to arrive and the longest thing to stay on screen.

How do you animate a chart for a video?

Start from the claim, pick the chart that proves it, then animate in reading order: labels and axes first, the reference value next, the data in the direction it flows, and the key figure last with a generous hold. We build charts in After Effects from the source figures, linked to a CSV or JSON file when the data will be updated later.

Can you add animated data to a video we already edited?

Yes. Send a locked cut plus the project file, or an XML, AAF or EDL with the source media, and we build the graphics against your timeline. You get the finished render plus alpha-channel elements you can drop into your own project. The cut needs to be locked first.

The takeaway

Animated data works when motion is used as a pointer: one claim per chart, revealed in the order a person reads it, on an honest scale, with the key figure arriving last and staying long enough to be read. Build it from the real numbers, link it to the data when it will change, and hold back from animating anything that does not need it.

If you have a video where the numbers are doing all their work in the voiceover, the motion graphics and VFX service page sets out the specs and deliverables, and the packages page shows where graphics sit in each kit. For the script side of the same problem, our guide to writing a SaaS explainer script covers where a number belongs in the narrative, and our comparison of 2D and 3D product animation helps if the data is part of a larger product film. When you are ready, send us the brief and the spreadsheet and we will tell you which moments actually need a graphic.