Decline Chart
A metric line draws downward as its value counts down and the ambient background darkens in lockstep.
Live props— this is the component running, not a video
- Job
- agitate
- Family
- data
- Default duration
- 4.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 decline-chart 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 & metricsConic Progress Ring
A token-driven conic progress ring whose angular fill and center count settle together from one registered percentage.
Star Rating Fill
A token-driven star row whose colored layer sweeps to a rating, preserves the fractional final star, and can count the value in sync.
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
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.
Data Chart
Animated bar + line chart with staggered reveal, NYT-style typography, and value labels
Animated Bar Chart
A compact data card with deterministic bar growth and value callouts.
Adapted from the HyperFrames registry, © HeyGen, Apache 2.0.