Funnel
Stages with step-to-step conversion percentages.
<FunnelChart />1 variant
Live — the real React Native component rendered with react-native-web. Tap, drag and scrub it.
Installation
terminal
npx expo install expo-charts react-native-svgUsage
Import the component and pass your data. Width defaults to the parent, so it adapts to phones, tablets and rotation.
FunnelChart.tsx
<FunnelChart data={[{ label: "Visits", value: 12000 }, { label: "Sign-ups", value: 5200 }]}/>Props
| Prop | Type | Default |
|---|---|---|
| data Stages. | { label, value }[] | — |
| showConversion Percent labels. | boolean | true |
Did you like the content?