Waterfall Chart
MRR movement chart with floating bars for new business, expansion, and churn across a billing period.
MRR movement chart with floating bars for new business, expansion, and churn across a billing period.
Search blocks by description or jump to a page.
The source for every Application block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Waterfall Chart is the revenue movement panel for June 2026, five bars across Start MRR ($84,200), New ($6,400), Expansion ($2,800), Churn (-$4,600), and End MRR ($88,600). Each bar is colored by its role (var(--chart-1) through var(--chart-5)) and floated at the right running total via a transparent base stack. The net change callout in the top-right header reads +$4,400 at a glance.
The chart data is a typed array with base and amount per segment. The floating-bar trick makes the waterfall work on a standard BarChart without a specialized primitive, so swapping in next billing cycle numbers is one array update.
Reach for this block on any billing or finance dashboard where the team needs to see what drove MRR from one state to the next. Wire the five entries to your billing period aggregates: starting MRR, new business ARR, expansion, contraction, and churned MRR.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the monthly MRR bridge. Other waterfall reads:
Tip: label the end bar separately from the movement bars so readers distinguish a total from a delta at a glance.