FunnelChart
v1.0.5Updated 25 Jul 2026Trapezoidal funnel of stages with percentage and per-stage drop-off labels. Horizontal or vertical orientation.
Preview
Live · 8 storiesSales FunnelOpen ↗
▸Why this is recommendedchartfunnelconversionpipeline+2
FunnelChart — sales funnel.
Recommended for+14
- ✓Sales funnels
- ✓Marketing conversion funnels
- ✓Recruiting pipelines
Tags+6
chartfunnelconversionpipelinedata-vizsales
Features+4
- Trapezoidal stages
- Per-stage percentage label
- Per-stage drop-off label
- Horizontal or vertical
- Colour-by-stage
- i18n: numbers/axis values format per LocaleProvider locale
Not recommended for−2
- ✕Non-monotonic flows (use SankeyChart)
Install
Ask your agent, or call the MCP tool directly. The resolved bundle is written into your project.
Usage
Tick variants in the left menu — each adds a tab with that variant’s real story source, the same code the preview above renders.
Props
PropTypeRequired
stagesStages with name + value
yesorientationOrientation
—labelsi18n overrides for built-in strings (SVG aria-labels + tooltip row labels); defaults in DEFAULT_FUNNEL_CHART_LABELS
—