Recharts Funnel
A vertical funnel chart — every stage is a coloured trapezoid whose width tapers from the previous stage to the next, with the stage label and conversion percentage rendered inside or alongside each band. Recharts' `<FunnelChart>` and `<Funnel>` components handle the trapezoid ge
Template details
- chart
- funnel
- conversion
- pipeline
- recharts
- react
When to use this template
A funnel chart clearly illustrates the progressive reduction of a quantity through a linear, sequential process. Analysts use it to quickly identify stages with significant drop-offs or bottlenecks, revealing where a process loses the most participants or value. It's ideal for understanding conversion efficiency and identifying areas for optimization in a multi-step flow.
- Data representing a single, linear sequence of stages.
- Each stage having a quantifiable count or volume.
- Ordered stages with a clear progression from start to finish.
- Focusing on conversion rates or attrition between steps.
- Relatively few stages, typically 3 to 10.
- Data where the absolute values and relative drop-offs are important.