Gallery

From Discovery to Subscription

Toast style
$ npx flitter-ui add sankey-chart --toast

Code

import ToastSankeyChart from "@/components/flitter/charts/toast-sankey-chart";

const chart = ToastSankeyChart({
  data: [
    {
      from: "Search",
      to: "Trial",
      value: 420,
    },
    {
      from: "Referrals",
      to: "Trial",
      value: 260,
    },
    {
      from: "Social",
      to: "Trial",
      value: 180,
    },
    {
      from: "Trial",
      to: "Subscribed",
      value: 560,
    },
    {
      from: "Trial",
      to: "Not converted",
      value: 300,
    },
  ],

  config: { title: { text: galleryTitle, visible: true } },
});

More sankey charts