Chart Story
One chart builds from data in reading order and lands the exact supplied values: staggered bars, a left-to-right line with area fill, a sweeping donut, or filling progress bars, with an accented value callout on the emphasized datum.
Live props— this is the component running, not a video
- Job
- prove
- Family
- proof-stats
- Sync points
- callout-landed @ 3.05s
- Default duration
- 5.0s
- Frame rate
- 30 fps
- Engine
- Remotion / React
- Background
- Transparent — composites over any scene
Use it
Ask the agent. It copies this component into your project and edits it there — nothing to install, and rendering happens in the cloud.
“Add the chart-story scene to my video and set its props to match my brand.”
Customize in Studio
Adapt the content, styling, timing, and layout to fit your project.
Related
All charts & metricsCount Up
A token-native stat counter that eases between values and lands with a restrained scale pulse.
Testimonial Proof Card
A quote card whose testimonial reveals per-line through a soft mask, with an avatar disc (initials default, image slot), mono name and role, an optional company text mark, and one emphasis substring underlined in accent ink after the quote lands.
Decline Chart
A metric line draws downward as its value counts down and the ambient background darkens in lockstep.
Bar Chart Race
Ranked bars grow and overtake each other as a time series advances, with the axis rescaling as values climb and the accent handing over to whoever leads
Data Chart
Animated bar + line chart with staggered reveal, NYT-style typography, and value labels
Minimal Line Graph
One or two SVG series draw on with dots popping and value labels riding the draw front; dim baseline axis, x-labels, color-dot legend
Adapted from the HyperFrames registry, © HeyGen, Apache 2.0.