How to create an animated bar chart or count-up stat for social

Make an animated stat or chart

A stat that just appears reads as a caption. A stat that counts up from zero reads as an event — it draws the eye in the first second, which is most of the battle on a feed where people decide to keep scrolling almost instantly. The same is true of a bar chart that grows into place versus one that's just drawn flat: the motion itself is doing persuasive work, on top of the number.

1. Choose the format that matches your data

A single headline number — "10,000+ customers", "98% satisfaction" — is a count-up stat: a big number that animates from zero (or from a lower value) up to the final figure, usually with a label underneath. Comparing a handful of categories calls for a bar chart, where each bar grows to its value in turn. A share of a whole (market share, budget split, completion rate) is better as a ring or donut that fills to a percentage. Don't force one data shape into another's template — the animation style should follow what the numbers actually mean.

2. Enter your numbers and labels

Type the values and labels directly — no spreadsheet import needed for a handful of stats. Set the final value for a count-up, or a label/value pair per bar for a chart. Keep labels short; they need to stay legible while the bar or number is still mid-animation, not just at rest.

3. Match the animation duration to where it's going

For a social post that autoplays and loops, keep the count-up or bar-grow short — a second or two — so it completes within a typical view before the loop restarts. For a presentation slide you're advancing manually, a slightly longer, more deliberate animation reads as more considered rather than rushed.

4. Export for your platform

More from the blog