Funnel chart
Conversion funnel with narrowing stages, counts, step and overall conversion, drop-off between stages, vertical and horizontal layouts.
Preview
Trial to paid
October cohortCheckout
Last 7 daysInstall
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| data | { key: string; label: string; value: number }[] | — | Stages from first to last. |
| label | string | — | Names the stage list. |
| orientation | "vertical" | "horizontal" | "vertical" | Rows narrowing downwards, or columns stepping down to the right. |
| color | string | "var(--chart-2)" | Base colour; later stages mix toward --muted. |
| showDropoff | boolean | true | Show step conversion and drop-off between stages. |
| valueFormatter | (value: number) => string | Intl number | Formats counts. |
| height | number | 200 | Bar area height in px (horizontal). |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.