DEEP STAGE · Case Study Dashboard

Innovation

A dashboard enters with three animated KPIs, six growing bars and a before-and-after comparison screen. A 13-second scene for case studies and results presentations.

Motion fragment

Animation for an opener, transition, caption or individual scene that supplements your video.

PREVIEWdefault1920×1080 · 30fps

View creator profile · @thepandaq

Get and use this template

FreeMIT Open License

View license details

模板代码按 MIT 许可可商用、修改和再分发，须保留版权与许可声明；品牌、肖像、字体及第三方素材按随包分别许可。

Free signup. Free template download.

One account connects you to more creative services. Your AI assistant can automatically match images, stickers, background music and other assets to help turn a template into your own creation.

View details · uses, materials and requirements

Before you download

Suitable for: 深色立体舞台上的案例数据屏：一块数据仪表盘（标题 + 3 个 KPI 数字滚动 + 6 根柱图逐根生长 + 脚注）配右侧「改造前 / 改造后」对比副屏，镜头缓慢横移。适合讲案例、复盘、增长数据的段落。
Prepare these inputs: 把这次案例的关键数字发我：标题、三个指标（名字 / 数值 / 前缀 / 后缀）、六个月或六个阶段的柱图数据、数据口径脚注，以及改造前后的三行对比。 · 案例标题、3 个 KPI、6 根柱图、脚注口径、改造前 / 改造后的三行数据
要我按这段数据屏的节奏推荐一段授权背景音乐吗？还是你自带音乐？ · 可选：一段克制的低频电子 / 氛围床，衬数据入场 · 模板不内置音频；没有音乐时保持静音也成立，画面节奏按 13 秒固定。
需要我把附带音效混进成片吗？也可以换成你自己的音乐或完全静音。 · 随包附带的可选音效轨：纯合成音调设计，按本模板真实动画时间线对齐；支持音频的宿主在渲染后混入 · 宿主不支持音频时输出静音视频，画面与时长不受影响；不得声称已包含声音。
左上角品牌名 · 1–3 个英文词，全大写最好看；也会作为左侧竖排小字显示。
数据屏左上角小标签 · 建议「类别 / 中文说明」，不超过 42 个字符。
案例标题 · 一行写完，8–16 个中文字最好；超过 20 个字会被屏幕裁掉。
三个关键指标 · 固定 3 条，每条写指标名（12 字内）、数值、前缀（+ / − / 空）和后缀（% / 万 / 空）；数值支持 0–2 位小数。
六根柱图数据 · 固定 6 条，value 是 0–100 的柱高，最高的一根会自动变成主色高亮；label 是横轴标签（6 字内）。
数据脚注 · 一行写清口径、范围与样本量，60 字以内。
改造前三行数据 · 固定 3 条，每条行名 8 字内、行值 10 字内（可带单位，如 21天）。
改造后三行数据 · 固定 3 条，行名必须与改造前一一对应，行值可带单位（如 12天）。
对比卡（前）标题 · 10 字以内，默认「改造前」。
对比卡（后）标题 · 10 字以内，默认「改造后」。
KPI 对照说明 · 三个指标右下角的同一句小字，如「VS 2025 同期」；留空则只显示指标名。
柱图标题 · 图表左上角的标题，建议「TREND / 中文说明」。

Run locally with · Runtime verification

Requires file and command access plus the declared runtime dependencies.

Version and license: 1.0.0 · licenses/TEMPLATE-LICENSE.txt
Run locally with: Requires file and command access plus the declared runtime dependencies.
html-canvas/1 · src/index.html · motion.lock.json · 0: {"name":"motion.mini","version":"1.3.0","source":"bundled","path":"assets/motion.js","license":"本模板许可"}
Runtime verification: Author-declared; not independently verified
{"os":"Windows 11 x64","node":"26.4.0","browser":"Chromium 152.0.7977.30（headless shell）","renderer":"DEEP STAGE 预览渲染器（Puppeteer 逐帧 screenshot + FFmpeg）","testedAt":"2026-10-18","durationSeconds":13,"frames":390}

Summary from the template introduction (README.md) and this release’s motion.json, params.schema.json and guide.json. Missing details remain unverified.

How do I use the download?

Download .motion and keep the original.
Give it to an AI assistant with file and command access.
Check runtime dependencies, preview, then export.

Wait for the attachment upload to finish, then ask the assistant to confirm it can read the file. If it keeps spinning, retry or use the ZIP compatibility download. A .motion file is already a ZIP container; do not compress it again. If it remains unreadable, place the original in a local project folder the assistant can access. Read the file handoff guide →

Package details and handoff text

file: deep-stage-case-data-1.0.0.motion
size: 6.3 MB
sha256: 5a22647ba365…

Give it to your AI assistant

Use this MotionGit template for my content. First actually read the attachment or original package in this project: confirm its filename, size and read-only outer entry list. If upload is pending or access fails, say so; do not claim receipt or suggest wrapping .motion in another ZIP. Keep the original. Read 00-START-HERE.md and assistant/guide.json first when present, verify the bundled entry and identity, then read the actual material contract. Do not unpack all contents, download another Skill/host or copy an identifier. Without the bundled entry, read the actual motion.json, guide.json and README. Explain editable content, required assets and runtime first. Do not run unreviewed code or display a Key. Continue according to my content and authorization.

Instructions for AI →

Your download includesyour personal API key. Keep .motion files containing your personal key private. Share the template link; visits do not earn credits. Referral rewards require an eligible friend’s actual payment.

模板代码按 MIT 许可可商用、修改和再分发，须保留版权与许可声明；品牌、肖像、字体及第三方素材按随包分别许可。

Runtime details

Runtime: html-canvas/1
Output: 1920×1080
Frame rate: 30 fps
Duration: 00:13
Params: 22
Styles: 1
Network: offline
Spec: 0.1.0-draft.1

About

Case study data KPI bar chart Before and after comparison Motion Fragment

Animated explainers
156 downloads
Updated 12 days ago
Authoring tool deepseek-flashDeclared by creator

Static checks

Package structure and path safetyRoot manifest: motion.jsonParameters and style branchesUser guidance and duration adaptationFile integrityPersonal information and credentialsInstructions and licensesAuthoring provenance

Passed: package structure and automated scans. These checks do not verify copyright ownership or guarantee safe code.

Developer resources

Files Fork · 0

What you can replace

Parameter	Description	Type	Constraints	Default
`brand`Required	左上角品牌名（同时作为左侧竖排小字）。	string	≤ 24 characters，≥ 1 characters	`DEEP STAGE`
`kicker`Required	数据屏左上角小标签，建议「类别 / 中文说明」。	string	≤ 42 characters，≥ 1 characters	`CASE / 案例复盘`
`title`Required	案例标题，一行显示，建议 8–16 个中文字。	string	≤ 20 characters，≥ 1 characters	`一次改版，三个指标翻面`
`kpis`Required	三个关键指标，固定 3 条，按顺序占据三个卡片。	array	—	`—`
`bars`Required	柱状图 6 根，固定 6 条；value 是 0–100 的高度比例。	array	—	`—`
`footnote`Required	数据屏底部脚注：口径、样本量与来源说明。	string	≤ 60 characters，≥ 1 characters	`数据口径 2026 Q1–Q3 · 华东大区 · N=1,284`
`before`Required	改造前卡片的三行数据。	array	—	`—`
`after`Required	改造后卡片的三行数据（与 before 一一对应）。	array	—	`—`
`beforeTitle`Required	对比副屏上卡片标题（前）。	string	≤ 10 characters，≥ 1 characters	`改造前`
`afterTitle`Required	对比副屏下卡片标题（后）。	string	≤ 10 characters，≥ 1 characters	`改造后`
`kpiNote`	三个 KPI 右下角的小对照说明；留空则只显示指标名。	string	≤ 20 characters	`VS 2025 同期`
`chartLabel`	柱图左上角的图表标题。	string	≤ 36 characters	`TREND / 月度转化指数`
`chartRange`	柱图右上角的区间 / 口径小字。	string	≤ 40 characters	`INDEX · APR → SEP 2026`
`chartMarker`	柱图中间的竖虚线标记文案（如改版上线）；留空则隐藏标记线。	string	≤ 10 characters	`改版上线`
`lockLabel`	数据屏右上角的数据锁定小标签；留空则隐藏。	string	≤ 40 characters	`DATA LOCKED · 2026 Q3`
`compareLabel`	对比副屏顶部的小标题。	string	≤ 24 characters	`BEFORE / AFTER`
`footTag`	脚注右侧的来源标签。	string	≤ 32 characters	`SOURCE / CRM EXPORT`
`chapter`	右上角章节号，写法「04 / 06」；只有数字也能显示。	string	≤ 16 characters	`04 / 06`
`screenLabel`	右上角章节名，出现在章节号下方。	string	≤ 36 characters	`CASE / 案例讲解`
`meta`	右下角角标信息，建议日期 / 版本 / 规格。	string	≤ 52 characters	`DEEP STAGE · TEMPLATE V1.0 · 1920×1080`
`caption`	底部字幕（口播字幕，可留空）；用 <em>…</em> 可让局部变主色。	string	≤ 34 characters
`accent`Required	主色（六位十六进制）。默认冷青，可改暖金 #FFB168 或紫罗兰 #A78BFF。	string	#RRGGBB	`#4DE3FF`

More Animated explainers

View all

16:900:19View template

Dot-Grid Notes · Knowledge Explainer

Free

Full template

adunext · Animated explainers

16:903:29View template

Chalkboard · Knowledge Explainer

Free

Full template

adunext · Animated explainers

16:903:12View template

Swiss Grid · Knowledge Explainer

Free

Full template

adunext · Animated explainers

16:900:23View template

Color Geometry · Knowledge Explainer

Free

Full template

adunext · Animated explainers

Update history

Improvements, fixes and remaining issues in each release.

Update this template with your AI assistant

Give the old template to the assistant and send the following sentence. The new version is saved as a separate file, and the old packages and projects are retained.

Please press https://motiongit.com/update.md to update this MotionGit template directly, keep the old package and existing project, and tell me which new file to use when you're done.

v1.0.0LatestOct 18, 2026
Initial release: animated KPI counters, growing bars and a before-and-after comparison screen. Text and values are editable; sound effects are optional.
View original text
首次提交：KPI 纯函数滚动、柱图逐根生长、前后对比副屏；全部文案与数值参数化；可选音效轨。

COMMUNITY

Comments & creations

Ask a question, share your experience, or show what you made with this template.

No comments yet. Share the first creation.

DEEP STAGE · Case Study Dashboard

Share a template. Help your account find its first supporters.

What you can replace

More Animated explainers

Dot-Grid Notes · Knowledge Explainer

Chalkboard · Knowledge Explainer

Swiss Grid · Knowledge Explainer

Color Geometry · Knowledge Explainer