Skip to main content

ANIMATED CHART MAKER

Animated charts from your own data

Bar races, growing lines, splitting donuts and filterable dashboards — built by your agent from a spreadsheet or doc.

From $19.9/mo · Works with Claude Code & Codex · Independent, not affiliated with Anthropic

A paid Creator or Studio subscription is required. There is no Free plan.

HYPERFRAMES TIMELINE · 0:24 / 2:10

TEXT

TitleCallout

CHARTS

Organic barsChannel filter

INTERACTIONS

QuizDrag match

AUDIO

Music bed · voiceover

RUNS ON YOUR OWN CLAUDE CODE OR CODEX · BUILT ON HYPERFRAMES · MP4 + INTERACTIVE WEB

Every chart type, animated

  • Built on ECharts

    Tooltips, legends and filters included.

  • Styled to match

    Every motion style has a chart theme.

  • Numbers stay true

    Values only from your file.

Animate your data
CHARTMOTIONINTERACTION
Bar / columnBars grow, raceTooltip, filter
Line / areaLine draws onHover values
Pie / donutSegments splitLegend toggle
FunnelStages fillStep reveal
MapRegions light upRegion filter

Charts your audience can filter

  • Charts that move

    ECharts with tooltips, legends and live filters.

  • Quizzes

    Instant feedback, explanations and a score.

  • Drag & drop

    Sort, match and group exercises that check themselves.

Animate your data

Share the live chart or export MP4

  • Render MP4

    Deterministic HyperFrames render on your own computer.

  • Share a link

    Public or password links with views and quiz stats.

  • Music & voiceover

    Add now or later — natural English and Chinese voices.

Animate your data

Pick a style for your charts

Every style comes with charts, filters, quizzes and drag-and-drop. Or let your agent design freely.

An animated story. Pick several looks you like; your agent matches one to the content.

No packages download while browsing.

Match and create

All the features you need

  • Motion styles

    Pick a style or let your agent design freely.

  • Animated charts

    ECharts built in, styled to match.

  • Quizzes & drag-and-drop

    Interactive by default.

  • HyperFrames timeline

    Edit clips, timing and blocks.

  • Voiceover

    English and Chinese, brand names said right.

  • Music

    Generate now or add later.

  • Share links

    Public or password, with stats.

  • MP4 render

    Local and deterministic.

How to animate a chart in 3 steps

  1. 1Put a CSV, spreadsheet export or doc in the folder.
  2. 2Ask for an animated chart and say what to highlight.
  3. 3Share the interactive link or export MP4.
Install Claude Motion: run npx -y claudemotion@latest setup and follow the output.

First run opens your browser to sign in — one click, no terminal.

Your questions, answered

Do you change my numbers?

No. Values come only from your file and are highlighted in the editor for checking.

Make your numbers move

Animate your data