Funnel

Standalone funnel chart. Tapered segments showing conversion flow.

Primitive: ChartFunnel· Standalone (no ChartRoot needed)

Interactive demo

Usage

import { ChartFunnel } from '@ramtt/charts'

<ChartFunnel
  data={[
    { label: 'Visitors', value: 10000, color: '#3b82f6' },
    { label: 'Signups', value: 3000, color: '#22c55e' },
    { label: 'Paid', value: 800, color: '#f59e0b' },
  ]}
/>

Props

Prop	Type	Default	Description
data*	`FunnelItem[]`	—	Funnel stages
width	`number`	600	Chart width
height	`number`	300	Chart height