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

Back to Templates

Stacked Bar Chart

Segmented bars building up one segment at a time with a legend

Description

A stacked bar chart. Each category is a single bar built from stacked colored segments, and the segments grow from the baseline upward one at a time on a staggered spring, so the composition of every total is revealed in sequence, above a shared axis with gridlines and a color-matched legend.

Define the shared parts once in the SEGMENTS array as name and color pairs, then give each entry in the CATEGORIES array a values array aligned to those segments; the axis scales to the largest total automatically. BAR_STAGGER and SEG_STAGGER set the build rhythm and the CHART rectangle sets the plot position and size. Every segment grows with Remotion spring() over the frame, so the animation is deterministic and settles into a complete chart. Use it for revenue by channel, budget breakdowns, and traffic sources.

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.

Stacked Bar Chart | Free Remotion Templates