Data & Charts
Funnel Chart
Shows drop-off across sequential stages, each with a label and value.
Usage
Installation
npm install @wunderui/reactThen import what you need:
import { FunnelChart } from "@wunderui/react"Examples
Four stages
Each stage with its value and a bar for its share.
Three stages
A shorter funnel with three stages.
Type 01
All 14 Funnel Chart cards of the Figma library, one per box, each loading the way it does on a page: the skeleton first, then the series draw themselves in. Replay brings the loading state back.
Type 02
Type 03
Type 04
Type 05
Type 06
Type 07
Type 08
Type 09
Type 10
Type 11
Type 12
Type 13
Type 14
In context
How the component is used inside real screens — the same compositions as the Usage section of the Figma page.
Signup funnel
Where visitors drop off on the way to a paid plan.