Animated chart examples

26 prompts — open one to copy its prompt. Tested entries include the video, run log and project; starter prompts are marked NOT TESTED.

Related tags: Product UI 4Explainer 2Shapes 1Code 1Kinetic type 1Launch video 1Vertical 1Social 1
Product UI morph — one shape, many states
HyperFrames·Square Tested
Videos like this circulate with no prompt at all, or a single line.
Remotion data prompt — CSV to animated bar chart
Remotion·Landscape Tested
The data table stays on screen while the chart grows from it — the viewer can audit every bar against its row.
Remotion bar race prompt — rankings over time
Remotion·Landscape Tested
A bar race where ranks are interpolated, not teleported: when two bars swap, the falling one dims and passes behind the rising one.
Remotion count-up stats prompt — number story
Remotion·Square Tested
Three numbers count up in sequence and hold together as one frame.
Claude Motion animated chart prompt — the code route
HyperFrames·Landscape Tested
Written the way you would ask Claude Motion — one line, /motion style — but built through the code route so anyone on any plan can run it.
Claude Motion dashboard prompt — live KPI tiles
HyperFrames·Landscape Tested
A dashboard that presents itself: four KPI tiles count up, then the trend line draws beneath them.
Claude Motion alternative — chart video without Motion (HyperFrames)
HyperFrames·Landscape Tested
The honest comparison film: left panel, what Claude Motion asks of you (a Team seat); right panel, the same kind of chart — {{chart}} — rendered with code on any plan.
Motion designer showreel prompt — résumé cut
HyperFrames·Landscape Tested
A résumé that moves: name card, four skill bars filling to their levels, a tools column, and an availability footer.
HyperFrames dashboard showcase prompt — SaaS UI film
HyperFrames·Landscape Tested
A SaaS dashboard showcase: KPI cards count up in steps, the main chart draws its own line, and a sources bar splits 62/24/14.
Dashboard launch film — HyperFrames prompt (product window builds itself)
HyperFrames·16:9 landscape Tested
Runs verbatim — a dashboard window that builds itself, KPIs and chart path included.
Compound growth explainer — Remotion prompt (two-line chart, illustrative framing)
Remotion·16:9 landscape Tested
Tested after the label fixes (iteration 2).
Report explainer — Remotion prompt (dense report condenses to stat cards)
Remotion·16:9 landscape Tested
Runs as written — a dense report condensed to stat cards, one chart and one link.
Animated chart — HyperFrames prompt (stat count-up story)
HyperFrames·16:9 landscape Tested
One number, then the chart that earns it.
Bar chart race — Remotion prompt (products by year, era bands)
Remotion·16:9 landscape Tested
Visibly different from Wave 1's remotion-bar-race (generic quarterly ranking morph): this race is driven by a giant YEAR counter, an era band across the bottom, and a leader callout pill that flips to NEW LEADER the moment OrbitPods takes the lead in 2024.
Animated line chart — HyperFrames prompt (a data story in one line)
HyperFrames·16:9 landscape Tested
One line, three beats: the dip, the turn, the climb.
KPI dashboard — HyperFrames prompt (metrics film for team updates)
HyperFrames·16:9 landscape Tested
A team update that respects the meeting: four numbers, one week shape, one takeaway.
Year-in-review — Remotion prompt (annual stats film)
Remotion·1:1 square Tested
The month rail is the idea: twelve dots light as the year passes, so three stats feel like a year, not a list.
Comparison chart — HyperFrames prompt (us vs them, animated)
HyperFrames·16:9 landscape Tested
Both products are fictional and the scores are illustrative — the film says so in the kicker and the footer, because a comparison chart that hides that is an ad pretending to be data.
Survey results — HTML prompt (poll data as a film)
HTML·1:1 square Tested
A poll film must pass its own arithmetic: 42 + 28 + 19 + 11 = 100, and the bars share one scale (track = 100%).
Growth story — HyperFrames prompt (milestone film, users and MRR)
HyperFrames·16:9 landscape Tested
A sample story, labelled as one from the first frame: Fernline is fictional, the milestones are illustrative, and the film never claims otherwise.
Stat hook prompt — one big number (vertical) — HyperFrames prompt (87% count-up + label)
HyperFrames·9:16 vertical Tested
One number, one hook: the stat counts up, the label explains it, the CTA closes it.
Claude-Motion's KPI Counter — community prompt (tested)
HyperFrames·16:9 landscape TestedCommunity
The demo numbers are invented for the test run (the prompt's own printed examples are illustrative).
Claude-Motion's Line Trend — community prompt (tested)
HyperFrames·16:9 landscape TestedCommunity
The prompt's printed example data is shorthand (endpoints only — "Jan to Jul, 1,200 to 5,200"); our run spells out a full seven-month series with the same endpoints, so the chart can be drawn without inventing or smoothing values mid-run.
Donut chart — Remotion prompt (centre KPI + legend)
Remotion·16:9 landscape Tested
Written and run as specified: the ring is pure stroke-dasharray maths from the parsed segment string, so swapping the data redraws the donut, the count-up and the legend percentages together.
Pie chart callouts — Remotion prompt (leader-line labels)
Remotion·16:9 landscape Tested
The prompt treats label placement as a computed layout problem — mid-angle anchors plus frame clamping — because freehand callouts are where pie films fall apart.
Stacked bar chart — Remotion prompt (category segments + legend)
Remotion·16:9 landscape Tested
One baseline and one scale are stated three times in this prompt — direction, structure and gotchas — because per-bar scaling is the silent lie stacked charts tell.