ContentRoof

Animated infographics that show what the numbers mean

Say "71% of Earth is covered by ocean" and a ring fills to 71%. Say "if the world were 100 people" and a hundred figures sort themselves. ContentRoof picks the animation for each sentence and checks every number.

Make an infographic video →

Free to try · 10 languages · no watermark

Animated infographics · made with ContentRoof

More than 100 animations, picked for each sentence

ContentRoof has a library of more than 100 animated infographics, grouped by what they explain:

You don't pick them. When a sentence carries a number, a comparison or a process, the right animation is chosen for that scene and timed to the words, so each value lands as the narrator says it. Scenes without one keep animated drawings.

Every number is checked

An infographic that shows the wrong number is worse than none. Before an animation is used, code checks that every number on screen is actually said in the narration, exactly, and that the arithmetic holds: the parts add up to the whole, a part is smaller than its total, a change matches its two values. If anything fails, the scene keeps its drawing.

In every language, the right way round

The same animations work in all ten languages. Numbers are written the local way (3,5 in German, 1.000 in Italian), and in Arabic and Urdu the layout mirrors: bars grow from the right, timelines run right to left, and the first item sits on the right.

An example

A one-minute video about water might go like this. The hook says 71% of Earth's surface is ocean, and a ring fills to 71%. The next line says only about 3% of all water is fresh, and a stacked bar splits salt water from fresh. Then it says most of that fresh water is frozen in ice caps and glaciers, and the fresh part splits again. The last scene compares how much water a person needs a day with how much they drink, and two bars land side by side. You wrote none of that layout; the narration decided it.

Who uses it

How it works

  1. Write or paste your scriptType a topic in one line, or paste a script with the numbers you want shown.
  2. Let the scenes be chosenEach sentence with a number or comparison gets a matching animation; the rest get animated drawings.
  3. Check the previewHover a scene to see what it uses; change the look, voice or language.
  4. DownloadSign in with Google and export vertical, square or 16:9.

Questions

Do I have to choose the charts myself?

No. The animation is chosen for each sentence automatically. You can still write a chart scene with your own numbers in the Data story mode.

What if the AI picks a wrong number?

It can't reach the screen: every number shown must be said in the narration, and totals and changes are recomputed by code. Anything that fails keeps a drawing instead.

Does it work in Arabic?

Yes. Labels are in Arabic, numbers in the local style, and the layouts mirror for right-to-left reading.

Can I use my own data?

Yes. Paste your numbers in the Data story mode, one per line, and they are drawn as bars or a line as each one is said.

Updated 2026-11-02

Make it now. It takes one sentence.

Make an infographic video →