A financial video production platform
A platform for making short financial videos with animated charts and narration. Editors select a template and adjust the content; the server renders the video.
Chart animation, narration, and subtitles need to share a timeline.
PROJECT EXAMPLES
The project flow from template selection and page editing to job queues, speech generation, and media synthesis.
Page transitions, component animation, and presenter position are coordinated on one master timeline.
A diagram from the project showing the presenter frame sequence, viewport, and movement.
01 / Context
Each template needed its own chart animation timed to narration. Effects that played in a browser could still run into font, codec, and headless-environment problems on the server.
What we built
The platform separates data retrieval, chart components, scene timing, and render jobs. Templates can be reused, components share a data format, and FFmpeg produces the final video.
02 / System
The backend normalized source data; components consumed final chart-ready datasets by key.
Chart and animation components are written for specific tasks, with only the configuration options they need.
Scenes coordinated chart animation, voice, and subtitles; frame streams and FFmpeg produced target media.
03 / Decisions
We agreed on how components receive data and configuration before adding templates, reducing later rework.
Some components only serve a few templates, but simpler configuration makes their animation easier to control. We accepted some duplication here.
The server manages frame buffers, concurrent jobs, bitrate, fonts, and retries after failed renders.
04 / Our work
Role：We led the project and technical design, and built core parts of the chart components, timeline, and server renderer.
