Skip to content
Statistics Medium #waterfall#bridge#financial

Waterfall (Financial Bridge)

Starting balance plus and minus contributions land at an ending balance.

A free, animated waterfall (financial bridge) you can read here or embed on any website, from Scrollchart.

Waterfall (Financial Bridge)

100Start+38New revenue+14Upsell-22Churn-10Discounts-6Refunds114End

A waterfall chart (also called a bridge chart) traces how a starting value changes through a series of positive and negative increments to reach an ending value. The start and end bars are anchored to the baseline. Every intermediate bar floats: it begins from the prior running total and rises (positive delta, accent color) or falls (negative delta, strong accent), connected to its neighbors by faint horizontal lines.

The format is standard in financial reporting for P&L bridges, budget variance analysis, and customer lifetime value decompositions. It makes clear which factors help and which hurt, and how large each contribution is relative to the total shift between anchor values.

Good for

  • Articles in the statistics category
  • Editorial pages where a quick visual replaces a wall of text
  • Content-marketing posts that need a clean, branded illustration

Source & accuracy

This waterfall (financial bridge) is an editorial illustration built to represent the concept accurately. Where it shows figures, they are typical or representative values chosen to make the relationship clear, not a single underlying dataset. The diagram and its explainer are reviewed and maintained centrally, and updated over time as understanding improves.

Decomposing change from opening to closing value

A waterfall diagram starts with an opening balance on the left. Each subsequent bar represents a contribution (positive or negative) that adds to or subtracts from the running total. The bar's height shows the magnitude; its color or position (above or below the previous cumulative level) shows direction. The final bar on the right shows the closing balance. The net of all contributions bridges from opening to closing, which is why it is also called a bridge diagram.

Financial and operational uses

Waterfall diagrams are ubiquitous in financial reporting: starting revenue, subtracting costs, taxes, and debt service, arriving at net income. They are equally useful for operational metrics: starting headcount, adding hires, subtracting attrition, ending with closing headcount. The visual journey from start to end makes variance explanations concrete. The ordering of contributions also carries meaning: a well-ordered waterfall groups related items (e.g., all revenue sources first, then all costs) to tell the story of the change.

Embed this diagram

Add this animated waterfall (financial bridge) to your own site. Copy one line of HTML, or use the embed builder for theme and sizing options.

Reference

What this is
A free, embeddable, animated waterfall (financial bridge) for any website.
Who uses it
Data journalists, Researchers & academics, Content marketers, News organizations.
How to embed
Copy one line of HTML. No signup. No watermark. Works in WordPress, Webflow, Ghost, Substack, plain HTML.
File size
iframe embed, ~80 KB gzipped (loads on demand, does not block your page paint).
License
Free forever. Editorial explainer text included; updated centrally over time.

Embed format options

Copy the universal HTML snippet, the WordPress shortcode, or an iframe fallback - see the WordPress plugin page for details. Any format keeps the same Core Web Vitals profile and the same explainer text.

Embed snippet
<div data-scrollchart="waterfall-bridge" data-scrollchart-v="1"></div>
<script src="https://scrollchart.com/embed.js" async></script>

Frequently asked questions

Where can I get a free animated "Waterfall (Financial Bridge)" for my website?
Scrollchart provides "Waterfall (Financial Bridge)" as a free, embeddable animated diagram you can add to any website with one line of HTML. No signup is required and there is no watermark. The diagram and its explainer text are served from scrollchart.com, so the embed stays current without any maintenance on your end.
How do I embed a waterfall (financial bridge) in a blog post or article?
Paste the one-line HTML snippet from the Scrollchart diagram page into your post editor. It works in WordPress, Webflow, Ghost, and plain HTML with no plugin required. The animated diagram and its explainer text load from scrollchart.com and render directly in your page DOM.