โœจ New: pull these templates straight into Claude, Cursor & ChatGPT with our MCP server

Back to Templates

Bar Chart Race

Ranked bars that overtake each other with live value labels

Description

A horizontal bar chart race. Each row is a competitor whose bar length maps to its current value, and the rows continuously re-sort as values change so bars slide past one another, with a number beside each bar that counts as it grows. Positions are computed with a logistic soft-rank so the reordering glides smoothly instead of snapping between slots.

Configure it through the RACERS array, where each entry has a label, a color, and a list of checkpoint values the chart eases between over the run. RACE_START and RACE_END set the pacing, BAR_H and ROW_GAP set the row density, and RANK_SHARPNESS controls how crisply near-tied bars separate. Motion is frame driven with interpolate() and a deterministic rank function, so preview and render match and the sequence ends on a stable final ranking. Use it for market share, sales by region, sports standings, or any ranking that shifts over a period.

React Video Editor

Want new Video Templates in your inbox?

We add new Remotion templates regularly. Subscribe and we'll email you when fresh ones land. No spam, just the drops.

Bar Chart Race | Free Remotion Templates