Funnel chart

import { FunnelChart } from "insightcharts";

const data = [
  { stage: "Applied", people: 12400 },
  { stage: "Interviewed", people: 1860 },
  { stage: "Offered a place", people: 930 },
];

export function Example() {
  return (
    <FunnelChart
      data={data}
      stage="stage"
      value="people"
      highlight="Offered a place"
      dropoffLabel="rejected"
      height={220}
      title="930 of 12,400 applicants were offered a place"
      subtitle="Applications to the graduate scheme, 2024 intake"
      source="HR recruitment data"
      note="Illustrative data"
    />
  );
}

{
  "type": "funnel-chart",
  "data": [
    { "stage": "Applied", "people": 12400 },
    { "stage": "Interviewed", "people": 1860 },
    { "stage": "Offered a place", "people": 930 }
  ],
  "stage": "stage",
  "value": "people",
  "highlight": "Offered a place",
  "dropoffLabel": "rejected",
  "height": 220,
  "title": "930 of 12,400 applicants were offered a place",
  "subtitle": "Applications to the graduate scheme, 2024 intake",
  "source": "HR recruitment data",
  "note": "Illustrative data"
}

import { FunnelChart } from "insightcharts";

const data = [
  { stage: "Impressions served across all paid channels", n: 18400000 },
  { stage: "Clicked through to the landing page", n: 2210000 },
  { stage: "Viewed at least one product", n: 1480000 },
  { stage: "Added an item to the basket", n: 412000 },
  { stage: "Reached checkout", n: 236000 },
  { stage: "Entered payment details", n: 171000 },
  { stage: "Completed purchase", n: 148000 },
];

export function Example() {
  return (
    <FunnelChart
      data={data}
      stage="stage"
      value="n"
      format="compact"
      height={420}
      title="12% of ad impressions led to a click"
      subtitle="Campaign funnel from ad impression to purchase, fourth quarter"
      source="Marketing analytics"
      note="Illustrative data"
    />
  );
}

{
  "type": "funnel-chart",
  "data": [
    { "stage": "Impressions served across all paid channels", "n": 18400000 },
    { "stage": "Clicked through to the landing page", "n": 2210000 },
    { "stage": "Viewed at least one product", "n": 1480000 },
    { "stage": "Added an item to the basket", "n": 412000 },
    { "stage": "Reached checkout", "n": 236000 },
    { "stage": "Entered payment details", "n": 171000 },
    { "stage": "Completed purchase", "n": 148000 }
  ],
  "stage": "stage",
  "value": "n",
  "format": "compact",
  "height": 420,
  "title": "12% of ad impressions led to a click",
  "subtitle": "Campaign funnel from ad impression to purchase, fourth quarter",
  "source": "Marketing analytics",
  "note": "Illustrative data"
}