跳过主要内容

动态图表生成器

用你自己的数据做动态图表

排名竞赛柱图、逐渐生长的折线、分裂的环形图、可筛选的看板，由 Agent 从表格或文档生成。

让数据动起来查看示例

每月 $19.9 起 · 支持 Claude Code 与 Codex · 独立运营，与 Anthropic 无关

使用 Claude Motion 必须订阅付费的 Creator 或 Studio 套餐，不提供 Free 免费版。

HYPERFRAMES 时间线 · 0:24 / 2:10

文字

标题重点提示

图表

自然搜索柱状图渠道筛选

交互

小测验拖拽配对

音频

配乐 · 旁白

运行在你自己的 CLAUDE CODE 或 CODEX 上 · 基于 HYPERFRAMES · MP4 + 可交互网页

每种图表都能动起来

  • 基于 ECharts

    自带提示框、图例和筛选。

  • 风格统一

    每种动效风格都有配套的图表主题。

  • 数字保持真实

    数值只来自你的文件。

让数据动起来
图表动效交互
柱状图 / 条形图柱子生长、竞赛提示框、筛选
折线图 / 面积图线条逐渐画出悬停看数值
饼图 / 环形图扇区分裂图例切换
漏斗图逐层填充逐步揭示
地图区域点亮区域筛选

观众可以自己筛选的图表

  • 会动的图表

    基于 ECharts，带提示框、图例和实时筛选。

  • 小测验

    即时反馈、附解析和计分。

  • 拖拽练习

    排序、配对、归类练习，自动判对错。

让数据动起来

分享可交互图表，或导出 MP4

  • 渲染 MP4

    在你自己的电脑上用 HyperFrames 确定性渲染。

  • 分享链接

    公开或密码链接，附访问和测验统计。

  • 配乐与旁白

    现在加或之后加，自然的中英文声音。

让数据动起来

给图表选个风格

每种风格都自带图表、筛选、小测验和拖拽，也可以让 Agent 自由设计。

把内容做成动画。可以多选喜欢的风格，由 AI 根据内容匹配。

浏览和多选不会下载资源包。

匹配风格并开始创作
浏览全部动效风格

你需要的功能都在这里

  • 动效风格

    选一种风格，或让 Agent 自由设计。

  • 动态图表

    内置 ECharts，风格统一。

  • 小测验与拖拽

    默认可交互。

  • HyperFrames 时间线

    编辑片段、时间和区块。

  • 旁白

    中英文旁白，品牌名读音准确。

  • 配乐

    现在生成或之后再加。

  • 分享链接

    公开或密码访问，附数据。

  • MP4 渲染

    本地、确定性渲染。

3 步做出动态图表

  1. 1把 CSV、表格导出文件或文档放进文件夹。
  2. 2让 Agent 做动态图表，说明要突出什么。
  3. 3分享交互链接，或导出 MP4。
安装 Claude Motion：运行 npx -y claudemotion@latest setup，并按输出提示完成。

第一次运行会打开浏览器登录，点一下就好，不用碰终端。

常见问题

会改动我的数字吗？

不会。数值只来自你的文件，并在编辑器里高亮方便核对。

延伸阅读

让你的数字动起来

让数据动起来