Funnel chart
Drop-off through ordered stages. Each label carries the count and its share of the first stage.
When to use it
Stages are drawn in the order given, never re-sorted. They are an ordered scale, so one hue steps lighter rather than five category colours.
Sales pipeline
Options
Everything you can pass to Funnel chart.
| Prop | Type | Default | What it does |
|---|---|---|---|
| data | { name, value, color? }[] | — | Stages in process order. |
| color | string | --chart-1 | Base hue. |
| height | number | string | — | Plot height. The HTML legend sits outside it. |
| valueFormatter | (value) => string | en-IN, 2 dp | Axis labels, tooltips, value labels and the hidden data table. |
| aria-label | string | — | What the chart shows. Also captions its hidden data table. |
| loading / emptyTitle / emptyDescription | boolean / string | — | Passed to Chart: skeleton, and the empty state when every value is zero. |