跳至主要內容

動態圖表製作工具

用你自己的資料做出動態圖表

長條競賽圖、逐步延伸的折線、拆分開來的甜甜圈圖，以及可篩選的儀表板——由你的 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，並依照輸出的提示完成。

第一次執行會開啟瀏覽器登入，點一下就好，不用碰終端機。

常見問題

你們會更動我的數字嗎？

不會。數值只來自你的檔案，並會在編輯器中標示出來方便核對。

延伸探索

讓你的數字動起來

讓資料動起來