What Is a Funnel Chart?
A funnel chart is shaped like a tapering trapezoid — wide at the top, narrow at the bottom. Each band represents a stage in a sequential process, and the width shows volume at that stage. The visual narrowing makes drop-off immediately obvious without reading any numbers.
Funnel charts exploit a spatial metaphor everyone understands: wider means more, narrower means less. They're also one of the few chart types that naturally communicate a process — movement through stages — which is exactly what you need for sales pipelines, onboarding flows, and hiring processes.
When to Use a Funnel Chart
Sales pipeline: leads at the top, closed deals at the bottom. Marketing: awareness → interest → consideration → purchase. Recruitment: applicants → screens → interviews → offers → hires.
Product teams use them for onboarding: signup → profile creation → first action → activation → retained at day 30. E-commerce: browse → add to cart → checkout → purchase.
One important rule: funnel charts only make sense when stages are sequential and each stage is a subset of the previous one. If your stages are independent categories, use a bar chart. See chart types guide for help choosing.
Funnel vs. Pyramid: What's the Difference?
They look similar but communicate opposite things. A funnel shows progressive loss — the narrowing represents drop-off. A pyramid shows hierarchical structure — the narrowing is intentional and by design.
Maslow's hierarchy is a pyramid (structure). Your sales pipeline is a funnel (attrition). Ask: "Am I showing attrition or hierarchy?" Attrition = funnel. Hierarchy = pyramid. Build both at funnel chart maker and pyramid chart maker.
Step-by-Step: Build a Funnel Chart
Step 1: Define 4-7 stages in order, top to bottom. Be specific — "Inbound MQLs from website" beats "Leads."
Step 2: Gather the volume at each stage. One number per stage — a count, dollar amount, or percentage.
Step 3: Open funnel chart maker, enter labels and values. The tool renders proportionally sized bands instantly.
Step 4: Customize colors — a gradient from saturated (top) to lighter (bottom) works well. Add conversion rates between stages.
Step 5: Add context. Pair the funnel with stat cards or callouts explaining the biggest drop-off point. Try sales funnel for a pre-built layout.
Real-World Examples
B2B SaaS: 10,000 visitors → 1,200 trials (12%) → 340 activated (28%) → 95 paid (28%) → 72 retained month 3 (76%). Biggest drop-off is visitor to trial — that's where to focus marketing spend.
Mobile app: 50,000 downloads → 32,000 accounts (64%) → 18,000 completed tutorial (56%) → 8,500 core action in 24h (47%) → 3,200 active day 7 (38%). Tutorial completion is the bottleneck.
Hiring: 800 applications → 200 pass screening (25%) → 60 phone screens (30%) → 25 on-sites (42%) → 8 offers (32%) → 6 accepts (75%). The resume-to-phone filter is tightest.
Design Tips
Use a consistent color gradient rather than random colors. A single hue that lightens as it descends reinforces the diminishing metaphor.
Show conversion rates between stages, not just absolute numbers. "5,000 → 3,000 (60%)" is more actionable than just the counts.
Keep labels short. Bottom bands have limited space — abbreviate with a legend if needed.
Don't distort proportions for drama. If your funnel barely tapers (92% conversion), that's great news — don't stretch it to look more dramatic.
Build Your Funnel Chart
Open funnel chart maker, enter your stages and numbers, and export a production-ready funnel in under two minutes. For a full infographic with context, open the editor and add stat cards and callouts around the funnel.
For a head start, load sales funnel — pre-built with a funnel, conversion stats, and channel breakdown. Swap in your data, pick colors, export as PNG. No signup, no watermark.
