Description
A data-viz block: five bars rise from zero to their values on a stagger, with value labels fading in on top. The bread-and-butter of explainer and report videos.
Pure HTML + CSS — the bar heights are set with a `--h` custom property per column, so re-skinning it to your own data is a one-line-per-bar edit. No chart library, no build step.
How to use it
- Copy the block's HTML from the Source Code tab.
- Paste it into your HyperFrames composition (or any HTML page).
- Edit the text, colours, and timing to match your brand, then render it to video with HyperFrames.
Category
Data
Building with Remotion?
Get the same effects as ready-to-copy Remotion (React) components — 80+ free video templates.