Motion.by Frapea
EditorHow it worksExamples
  1. Examples
  2. /Data

Animated charts and data

Bar chart races, a number counting up, a line drawn and then annotated, a comparison table filling in row by row. A chart that appears all at once is a picture; a chart that arrives in an order is an argument, and the order is the whole reason to animate one. Give the agent the numbers and it builds the sequence around them.

Everything52Text & titles8Logo & brand6Data7Photos8Invitations7Video-led6For kids5Ads5
8s · 1920×1080

Bar chart race

>An animated bar chart racing to last quarter's numbers.

5s · 1080×1920

Big number

>One big number counting up, with a line of context under it.

6s · 1920×1080

Share breakdown

>A donut showing how the budget splits four ways.

7s · 1920×1080

Line with a note

>Draw this line chart and circle the month it jumped.

5s · 1920×1080

Before and after

>Two numbers side by side: what it was, what it is now.

9s · 1920×1080

Milestone timeline

>Walk along a timeline and stop at each milestone.

8s · 1920×1080

Comparison table

>Fill in a comparison table row by row, us in the last column.

7 of them — and yours will not look like any of these

Motion.

made with ♥ by the Frapea team

© 2026 Frapea