This entry is part of the Chart Index, the reference library for the Chart Design Field Guide.

The funnel chart is the bar chart's narrative cousin. A sequence of horizontal bars, each narrower than the one above, visualises a linear process where volume decreases at each step. Conversion funnels (visitors → leads → customers), recruitment pipelines (applications → interviews → offers → hires), and sales pipelines all reach for the form because it makes the attrition story visual.

The form's controversy is that it adds shape (the tapering wedge) on top of length (the bar). Tufte would call the wedge chartjunk; Few would call it acceptable when the metaphor matches the data. The bar lengths carry the data; the wedge is decoration that reinforces the funnel concept. Whether that decoration is worth it depends on the audience and the context.

What it is

A funnel chart maps a sequence of process stages to vertical position and a quantitative variable (count, percentage, or absolute value) to the width of a centred horizontal bar at each stage. The bars taper from a wide top (highest stage volume) to a narrow bottom (lowest stage volume), producing a visual wedge or funnel shape. The visual emphasises drop-off between stages.

E-commerce conversion funnel2026-Q1 · 5 stages · 24,000 sessions at top · 4.2% conversion

Five stages from session start to purchase. Each bar's width is the count at that stage; the descending wedge shows the attrition. Annotations on each step show the drop-off rate (65% of sessions reach product view; 22% of those add to cart). The funnel shape reinforces the narrative; the numbers carry the precision.

When to use it

Funnel charts are the right choice when:

  • The data is a linear, monotonically-decreasing process — every step has fewer subjects than the previous.
  • The reader's question is "where in the process are we losing people, and by how much?"
  • You have 3–7 stages. Fewer is just a bar chart; more loses the funnel shape's clarity.
  • The audience expects the form — marketing, recruiting, sales operations.
  • The drop-off pattern is non-trivial and worth examining stage-by-stage.

When not to use it

  • Non-monotonic processes. If stages can grow or shrink in any order (a user journey with branching), use a Sankey.
  • Many parallel funnels. Side-by-side funnels become hard to compare. Use stacked bars or a small-multiples bar chart.
  • Single-stage drop-off. A two-stage funnel is just a percentage. Use a paired number or a simple bar.
  • When precision is the point. Funnels emphasise narrative; tables and bar charts emphasise precision.

Design principles

Show absolute values and drop-off rates

Each stage should display both the absolute count (8,400 added to cart) and the percentage from the previous stage (45% conversion from product view). The absolute carries the magnitude; the rate carries the attrition story.

Align bars centrally

The funnel's tapering shape requires centred bars (bars get narrower symmetrically). Left-aligned bars are not funnels; they are descending horizontal bars. The centring is part of the metaphor.

Use a single hue

Funnel stages share an axis of meaning. A single accent colour throughout, perhaps with the final converted stage in a different shade, suffices. Multi-coloured stages compete with each other and add no information.

Funnel vs. bar chart — the wedge as narrative reinforcement
HORIZONTAL BARVisit100%View65%Cart22%Checkout12%Purchase8%FUNNEL — WEDGE NARRATIVEVisit · 100%View · 65%Cart · 22%Checkout · 12%Purchase · 8%
The bar chart gives the bare data; the funnel adds visual narrative. The funnel's wedge shape supports the conversion-attrition story.

Annotate the drop-off rates between stages

Between each pair of stages, show the conversion rate as a small annotation: 45% in a downward arrow or text label. Cumulative conversion (from top: 12%) helps contextualise the journey.

Show the conversion rate prominently

The headline number — 4.2% end-to-end conversion — deserves a prominent placement, often in the subtitle or as an annotation at the bottom of the funnel.

Compare funnels side-by-side, not overlaid

For A/B testing or cohort comparison, place two funnels side by side. Overlaying creates visual confusion; comparison through paired panels is clearer.

Resist 3D funnels

The most common funnel chart pathology in dashboard tools is the 3D perspective funnel — a cone seen from an angle. It distorts every encoding and adds nothing. The form is already at risk of being decorative; do not make it more so.

Anatomy

The Composition of a Funnel Chart
Sessions24,000Product view15,60035%Add to cart5,28066%Checkout start2,88045%Purchase1,00865%END-TO-END CONVERSION: 4.2%DROP-OFF RATE PER STAGECENTRED, TAPERING BARS
An anatomical guide

A funnel chart's anatomy is centred horizontal bars whose widths decrease through the stages, with each stage labelled with its volume and the inter-stage drop-off. The form is narrative-led; the precision lives in the labels.

  • Sankey diagram — for flows with branches, merges, or non-linear paths.
  • Horizontal bar chart — the unvarnished version of the funnel.
  • Pyramid chart — same form, used for demographic age distributions.
  • Cohort retention curve — for the same drop-off question over time rather than stages.
  • Bullet chart — for a single stage's actual-vs-target performance.

Reading list

  • Few, S. (2008). Funnel Charts: Friend or Foe?. The pragmatic case for and against.
  • Knaflic, C. (2015). Storytelling with Data. Funnels as narrative reinforcement.
  • Bersin, J. (2014). The Marketing Funnel. Conversion-funnel design in marketing analytics.