Show one message per chart, animate to guide attention, label clearly and keep the numbers accurate. Motion should explain the data, not decorate it.
Numbers on screen are easy to ignore. Good animation helps people see what matters.
Principles
- One message per chart. Decide the single point before you design.
- Build it step by step. Bring in the axis, then the first bar, then the one that matters.
- Highlight the key number. Use color and size, with the rest muted.
- Label directly. Put labels on the chart, not in a legend viewers must decode.
- Keep the pace readable. Give people time to read a number before it moves.
Pick the right chart
- Change over time: line chart
- Comparing amounts: bar chart
- Parts of a whole: a simple stacked bar, or a pie only with very few slices
- Ranking: sorted horizontal bars
Accuracy matters
- Start bar charts at zero.
- Don't change scales between scenes without saying so.
- Show the source and the date on screen.
- Don't imply a trend the data doesn't support.
Design for the screen
- Large type, since viewers may be on a phone
- High contrast
- Avoid tiny gridlines and long labels
Match the voice-over
Animate as the narrator says each point, so ear and eye work together.
Tools
Charts are usually built in a spreadsheet or design tool, then animated in After Effects so every move can be controlled.
Examples and help
See my Vox-style data video and the guide to Vox-style motion graphics. If you have a dataset to present, send the details.
A step-by-step example
Suppose you want to show that one number is higher than another.
- Fade in a simple axis and a label.
- Grow the first bar and label it.
- Grow the second bar and highlight it in a stronger color.
- Add a short note with the difference.
- Hold on the final frame long enough to read.
Common mistakes to avoid
- Animating everything at once
- Using many colors for no reason
- Cropping an axis to exaggerate a difference
- Leaving out the source
Frequently asked questions
Where should my data come from?
From sources you trust and can cite. Put the source on screen.
Should I use 3D charts?
Avoid them. They make numbers harder to read.
Can I send a spreadsheet?
Yes. A clean spreadsheet with labels and units is the best starting point.
Do you animate charts?
Yes, as part of motion graphics projects. Tell me what data you have.
Bhavesh Vaghela
Freelance video editor and motion designer in Rajkot, India. I make short-form videos, motion graphics, SaaS explainers, logo animations and AI video for clients worldwide.
