Motion and animation
Animated infographic design
An animated infographic brings data to life: bars that grow, maps that fill, numbers that count up, timelines that unfold. Motion helps viewers see change and compare figures one at a time instead of facing a dense chart all at once. Because people trust numbers they see, the animation must be honest: scales that start at zero where appropriate, figures sourced and dated, and the final state matching the data exactly. Good animated infographics make one point per scene, give numbers time to sink in and stay easy to update.
This page covers choosing the data story, honest charts, pacing, sources, accessibility, static versions and updates.
Illustrative diagram
- Data
- Story
- Style
- Animation
- Check
Start with the data story
Before designing, decide what the data should tell viewers: growth over time, a comparison between groups, the share of a total, or a sequence of events. Pick the three to five findings that matter most and order them so each builds on the last. Data that does not support the story can stay in the report it came from.
Chart types and the motion that suits them
| Data | Chart | Motion |
|---|---|---|
| Change over time | Line or bar chart | Grow period by period |
| Comparison | Bar chart | Bars rise side by side |
| Share of a total | Simple proportion graphic | Segments fill in |
| Location | Map | Areas highlight one by one |
| Sequence | Timeline | Events appear in order |
Honest charts
Motion can exaggerate. Keep scales fixed while bars grow, start bar charts at zero, label axes and units and avoid cropping a range to make small changes look large. The final frame of every chart should match the data exactly. If figures are estimates or forecasts, label them clearly.
Pacing for numbers
Numbers need time to sink in. Show one finding per scene, let a figure finish counting or growing before adding the next, and keep any explanatory text short. A voice-over or caption that states the finding helps viewers who do not read charts easily.
How an animated infographic is made
Data
Figures, sources and dates gathered.
Output: Checked data
Story
Findings chosen and ordered.
Output: Script
Style frames
Chart style and colours.
Output: Approved look
Animation
Charts built and timed.
Output: Draft
Check and export
Figures verified; static and video versions.
Output: Final files
Example: an infographic for a recycling scheme
Illustrative example — not a client case study
Situation: A council-funded recycling scheme wants to share a year of results with residents.
- Four findings are chosen: tonnes collected, change on last year, top materials and areas with the biggest rise.
- Bars grow from zero, a map highlights areas one by one and every figure shows its source.
- A static version is published alongside the animation.
What this shows: Residents could follow the results scene by scene. This example is illustrative.
Before publishing
Data
- Figures match the source
- Sources and dates shown
Charts
- Scales honest
- Final frames exact
Access
- Captions or voice-over
- Static version available
Sources and dates
Show where each figure comes from and the period it covers, on screen or in a closing credit. Viewers, journalists and partners may check. Use your own records for your own results and reputable published sources for wider context.
Accessibility
Do not rely on colour alone to distinguish categories; add labels or patterns. Keep contrast strong, avoid rapid flashing and provide a static version or a short text summary of the findings for people who cannot watch or prefer to read.
Designing for updates
If the infographic will be refreshed with next year's figures, build charts so values can be changed without redesigning, and keep the project files. An infographic that is easy to update can become a regular report. Record the source and period for each figure in a simple sheet before animation starts.
Where animated infographics are used
Annual results, impact reports, investor updates, social posts, presentations and event screens can all use animated infographics. Short single-finding clips suit social feeds; a longer sequence suits presentations and websites.
Consistent chart style
Use your brand colours consistently for categories, the same fonts for labels and the same motion style across charts. A chart style guide makes future infographics quicker and keeps reports recognisable from year to year.
Length and format
A short sequence of a few findings suits social feeds and website headers, while a longer piece can open a presentation or sit beside an annual report. Cutting each finding into its own clip lets you post them one at a time and link back to the full report, where readers can see the complete figures and notes.
Questions about animated infographic design
What is an animated infographic?
Data shown with motion: growing bars, filling maps, counting numbers.
How many findings should it include?
A few, ordered so each builds on the last.
How do we keep it honest?
Fixed scales, zero baselines, labels and exact final values.
Should sources be shown?
Yes, with the period each figure covers.
Do we need a static version?
Yes, for accessibility and readers who prefer it.
Can it be updated next year?
Yes, if built so values can change.
Request a Custom Quote
Ask about Animated infographic design
Thank you — your enquiry has been sent.
We have received your message and will reply by email. If you need to add anything, email info@letgetgrow.com.