Funnel Chart Example

1"use client"
2 
3// In your app (monorepo/npm): import { FunnelChart } from "@bklitui/ui/charts"
4import { FunnelChart } from "@/components/charts"
5 
6const funnelData = [
7  { label: "Visitors", value: 12000 },
8  { label: "Signups", value: 4800 },
9  { label: "Activated", value: 2100 },
10  { label: "Paid", value: 840 },
11];
12 
13export default function Component() {
14  return (
15    <main className="flex min-h-svh w-full items-center justify-center p-6 md:p-10">
16      <div className="w-full max-w-3xl">
17        <FunnelChart data={funnelData} aspectRatio="2 / 1" />
18      </div>
19    </main>
20  )
21}