Template centerUpdated Oct 16, 2026

Price & Volume · Candlestick and Intraday Charts

Innovation

A standalone chart animation component for financial education, with two daily candlestick sequences and one intraday sequence.

Share
Motion fragment

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

PREVIEWdefault1080×1080 · 30fps
Free template

Download free. Customize and create again.

Free to download, with no top-up required. Reuse and customize it: replace text, images and audio, and adjust visuals and animation.

  • Free assets and musicImage, video and sticker search plus 1,000+ music tracks your AI assistant can match.Asset guide →
  • Optional generationImage, voice and video generation are optional and billed separately.Creator API →
  • First time?Follow the tutorial from template to finished video.Open tutorial →

Template code follows the license on this page; fonts, images and music keep their own licenses. Free asset services have a daily allowance.

About this template

Price & Volume · Candlestick and Intraday Charts

Template organization and publishing: MSN. Extract and adapt to HTML Canvas chart animation based on the Python drawing source code provided by the user.

Contains three demos:

  • One Yang crosses three lines: daily K, MA5/MA10/MA20, heavy volume and breakthrough marks.
  • Shrinking but not falling Yang line: continuous decline, shrinking trading volume, narrowing of decline and double volume Yang line.
  • Bulldozer in early trading: time-sharing price, average price, trading volume and ladder rise demonstration.

Three paragraph titles (each paragraph can have up to 12 words), ascending color, descending color, accent color and background color can be adjusted.

Specifications: 1080×1080, 30fps, fixed 49.2 seconds.

Currently using fixed synthetic schematic data, importing other stock quotes or modifying internal annotations is not supported; narration, music and sound effects are not included. The demo rhythms are arranged independently and do not represent alignment with the original dubbing.

When using, read guide.json and params.schema.json; the HTML entry is src/index.html. The original source code author and production tools are not provided. This adaptation tool is Codex.

Developer resources

What you can replace

ParameterDescriptionTypeConstraintsDefault
title1—string≤ 12 characters,≥ 1 characters一阳穿三线
title2—string≤ 12 characters,≥ 1 characters缩量不跌阳线
title3—string≤ 12 characters,≥ 1 characters早盘推土机
upColor—string#RRGGBB#FF3B3B
downColor—string#RRGGBB#14C07A
accentColor—string#RRGGBB#FFC23D
backgroundColor—string#RRGGBB#0C101C

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.
  1. v1.0.0Latest

    Initial v1.0.0 release: two daily candlestick sequences and one intraday chart animation, with editable titles and colors, a full preview and a cover. Market data and internal annotations are fixed; no audio track is included.

    View original text

    首次发布 v1.0.0:提取两组日K与一组分时图表动画;支持标题与配色调整,附带完整预览和封面。当前行情数据与内部标注固定,不含音轨。

More Animated explainers

COMMUNITY

Comments & creations

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

No comments yet. Share the first creation.