Funnel
Charts · Funnel
Horizontal funnel: each step's share of the first, plus step-to-step conversion on the right.
Props: steps ({label, value, tint}), tint (default "sky"), format(v).
- Three to six steps, named as actions people take ("Started trial"), in order.
- The right column is the conversion from the step above; that's the number people act on.
Trial to paid
Where people drop off
Visited pricing7,495
100%
Started trial3,609
48%
48%
Invited a teammate2,221
30%
62%
Became paying1,388
19%
62%
Props
Funnel
| Prop | Type | Notes |
|---|---|---|
steps | { label: string; value: number; tint?: Tint }[] | Required |
tint? | Tint | |
format? | (v: number) => string | |
className? | string | Extra class on the root element. |
style? | CSSProperties | Inline style on the root element. |