Shrinking horizontal bands from a wide top stage to a narrow bottom outcome.
A free, animated funnel chart you can read here or embed on any website, from Scrollchart.
Funnel Chart
A funnel chart shows how a population narrows as it passes through a sequential process. Each horizontal band represents one stage; the band width is proportional to the count remaining at that stage. The tapering shape makes dropout immediately visible: a sudden narrowing between two bands signals a high-attrition step that deserves attention.
Typical applications include marketing conversion funnels (impressions to clicks to trials to paid subscriptions), hiring pipelines (applications to phone screens to on-sites to offers to hires), and clinical recruitment flows (screened to enrolled to completed to analyzed).
Read top to bottom. The top band is the starting population; each subsequent band is a subset of the one above. The absolute count and percentage-of-top are labeled on each band. A large percent drop between two adjacent bands identifies the biggest bottleneck in the process.
Note that funnel charts do not show time on any axis. Two stages with similar band widths could have very different conversion rates if more time elapsed between them. The funnel chart answers "how many make it through each gate" but not "how long each gate takes." For temporal patterns, a pipeline stages diagram with a time axis is more appropriate.
Editorial pages where a quick visual replaces a wall of text
Content-marketing posts that need a clean, branded illustration
Source & accuracy
This funnel chart 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.
Shrinking bands and conversion loss visualization
A funnel chart displays a sequence of stages as horizontal bands that progressively narrow from left to right (or top to bottom), with each stage's width proportional to its count or conversion rate. The visual narrowing directly encodes loss: entities drop out at each step, and the diagram makes those drop-offs immediately apparent. Funnel charts are standard in sales (leads to closed deals), product (signup to activation to retention), and web analytics (visits to clicks to conversions).
Reading and improving funnel performance
Each stage's percentage of the previous stage is the drop-off rate or conversion rate at that gate. Wide bands mean high retention; narrow bands highlight friction. Comparing two funnels side-by-side (e.g., before and after a design change) shows which stage improved and which worsened. The strength of the funnel chart is simplicity: any stakeholder immediately sees where the leakage is.
Embed this diagram
Add this animated funnel chart 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 funnel chart 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.
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.
By embedding, you acknowledge the diagram and explainer text are served from scrollchart.com and may be updated from time to time to reflect new research or to link to relevant sources within the explainer.
Frequently asked questions
Where can I get a free animated "Funnel Chart" for my website?
Scrollchart provides "Funnel Chart" 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 funnel chart 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.