Conversion Funnel

Marketing

Complete conversion analysis with multi-step funnel, source breakdown donut, weekly trend, and stage-by-stage bar comparison.

Visitors

124.8K

+14%

Signups

8,420

+22%

Conversion

6.7%

+1.8%

Revenue/User

$42

+8%
Full Pipeline
Page Visit: 124800 (100%)Sign Up: 8420 (7%)Onboarding: 6200 (5%)First Use: 4800 (4%)Upgrade: 1920 (2%)Advocate: 640 (1%)
Conversion by Source
38%24%18%12%8%
Weekly Conversion Rate
W1W2W3W4W5W6W7W8W9W10W11W1202468Signup RateUpgrade Rate

Implementation

dashboard.tsx
import { FunnelChart, DonutChart, LineChart } from "@chartts/react"

export function ConversionDashboard() {
  return (
    <div className="space-y-6">
      <div className="grid grid-cols-2 gap-4">
        <FunnelChart data={pipeline} value="users" label="stage" className="h-96" />
        <DonutChart data={sources} value="conversions" label="source" className="h-96" />
      </div>
      <LineChart
        data={weeklyRates}
        x="week" y={["signupRate", "upgradeRate"]}
        className="h-64"
      />
    </div>
  )
}