Charts
Where to Use Funnel Chart in React Apps
Funnel Chart is a horizontal sign-up funnel with tapered segments, glow edges, conversion badges, growth metric, and stage legend. Growth teams ship it when drop-off between stages needs to be obvious without a heavy BI embed.
Where teams use Funnel Chart
Use case 1
Sign-up conversion funnel
Track visit → signup → activated → paid with tapered widths. Conversion badges quantify each hop; growth metric frames the period.
Use case 2
Onboarding step drop-off
Product teams instrument checklist stages as funnel segments. Legend keeps stage names clear for stakeholders.
Use case 3
Sales pipeline snapshot
Adapt stages to lead → SQL → opportunity → closed. Glow edges make the chart presentation-ready for QBRs.
Use case 4
Experiment variant funnels
Compare treatment funnels on experiment dashboards. Horizontal layout fits beside variant copy without towering vertically.
Who it is for
Growth and product engineers diagnosing conversion drop-off with a polished funnel viz.
Try Funnel Chart on AkmanOS
Read conversion badges and the stage legend in the live preview, then copy markdown into Claude or Cursor to point Funnel Chart at your event pipeline.
Preview /preview/funnel-chartMore in Charts
- Active Users HeatmapActive users by hour and calendar day—live now online, orange activity matrix, 7/14/30-day ranges, and single-day drill-down. Explore real product surfaces for the Active Users Heatmap component — then open the live AkmanOS preview and copy production-ready source.
- Bar ChartGrouped session bars by channel — organic, paid, and referral — with date presets, live signals, hover drill-down, and growth badge. Explore real product surfaces for the Bar Chart component — then open the live AkmanOS preview and copy production-ready source.
- ContributionsGitHub-style activity grid — calendar year or last 7 days, level legend, range select, and hover tooltips. Explore real product surfaces for the Contributions component — then open the live AkmanOS preview and copy production-ready source.
- Revenue ChartStacked subscription, one-time, and refunds with average revenue line and currency formatting. Explore real product surfaces for the Revenue Chart component — then open the live AkmanOS preview and copy production-ready source.