Waterfall Chart | Zyeon UI

Preview in your theme

ready — opening 1,200 + (+420 +180 +60 −260 −310) = closing 1,290; total bars start from 0, delta bars float

Revenue bridge · Q3

1,200 → 1,290

Net change+90

IncreaseDecreaseTotal

Revenue bridge · Q3. Waterfall chart: opens at 1,200, closes at 1,290, a net change of +90 across 7 steps.
Step	Change	Running total
Opening ARR	total	1,200
New business	+420	1,620
Expansion	+180	1,800
Reactivation	+60	1,860
Contraction	-260	1,600
Churn	-310	1,290
Closing ARR	total	1,290

ready — the running total crosses below zero mid-bridge (100 → −80 → −125) and recovers to 85; formatValue swapped for USD currency

Cash bridge · runway month

$40 → $85

Net change+$45

IncreaseDecreaseTotal

Cash bridge · runway month. Waterfall chart: opens at $40, closes at $85, a net change of +$45 across 6 steps.
Step	Change	Running total
Opening cash	total	$40
Collections	+$60	$100
Payroll	-$180	-$80
Cloud spend	-$45	-$125
Financing	+$210	$85
Closing cash	total	$85

ready — 12 bars with long labels: the axis staggers onto two rows and truncates, and value labels drop off bars too narrow to hold them; patternedDecreases={false} removes the hatching so rises and falls differ by colour alone (under the default single-hue chart token that falls to 2.5:1 in dark mode — only turn it off with a multi-hue palette)

Bookings bridge · FY24 → FY25

860 → 1,283

Net change+423

IncreaseDecreaseTotal

Bookings bridge · FY24 → FY25. Waterfall chart: opens at 860, closes at 1,283, a net change of +423 across 12 steps.
Step	Change	Running total
Opening bookings	total	860
Enterprise upsell	+197	1,057
Self-serve signups	+158	1,215
Marketplace referrals	-239	976
Annual prepayments	+127	1,103
Discount give-backs	+272	1,375
Support credits	-195	1,180
Downgrades	+181	1,361
Involuntary churn	+131	1,492
Partner rebates	-276	1,216
FX adjustment	+67	1,283
Closing bookings	total	1,283

empty — a title, no steps

Revenue bridge · Q3

No steps yet

The bridge appears here once the opening balance and its changes arrive.

loading — a stepped skeleton at fixed literal heights, with no timer involved

error — Try again only appears when onRetry is passed, and pressing it really flips to ready

Revenue bridge · Q3

Couldn't load this chart

The data source didn't respond.

Loading preview…

This component is part of Pro

The install command, prompt and concept map are included with a Pro license — one purchase unlocks every Pro component, forever.

Unlock with Pro