Back to all snippets

Waterfall Bridge

A starting bar on the left, then one floating bar per item: gains rise in green, losses drop with hatching, dashed lines link each bar to the next, and the final bar lands on the result. It can cross zero into the negative. For the “how did we get from A to B” slide: budget to leftover, revenue to profit, last year’s cash to this year’s loss.

Data visuals1080×1080 · 30 fps · 5 secFrom 9:16 explainer · WaterfallFree

Source

Log in to see the full source, copy it or download the package. It's free.

Needs Node.js 18+, Remotion 4 and React 19. An AI assistant that can read and write files and run commands, like Claude Code, Codex or Cursor, makes it easiest.