Sankey diagrams represent flow quantities between nodes using bands whose width is proportional to the flow volume. They excel at showing where energy, money, traffic, or material is going through a system, making it easy to identify the largest flows and biggest losses at a glance.

Subtype

▾

Live Preview

This chart type requires a Pro license.

Please upgrade to unlock advanced visualizations.

{
  "title": {
    "text": "Web Traffic Flow"
  },
  "data": [
    {
      "from": "Google Ads",
      "to": "Homepage",
      "value": 12400
    },
    {
      "from": "Organic Search",
      "to": "Blog Posts",
      "value": 8900
    },
    {
      "from": "Social Media",
      "to": "Homepage",
      "value": 5200
    },
    {
      "from": "Email",
      "to": "Product Pages",
      "value": 3800
    },
    {
      "from": "Direct",
      "to": "Homepage",
      "value": 6100
    },
    {
      "from": "Homepage",
      "to": "Product Pages",
      "value": 14200
    },
    {
      "from": "Homepage",
      "to": "About Us",
      "value": 4300
    },
    {
      "from": "Blog Posts",
      "to": "Product Pages",
      "value": 5600
    },
    {
      "from": "Blog Posts",
      "to": "Newsletter Signup",
      "value": 2100
    },
    {
      "from": "Product Pages",
      "to": "Checkout",
      "value": 6800
    },
    {
      "from": "Product Pages",
      "to": "Exit",
      "value": 8400
    },
    {
      "from": "Checkout",
      "to": "Purchase",
      "value": 5200
    },
    {
      "from": "Checkout",
      "to": "Cart Abandon",
      "value": 1600
    }
  ],
  "series": [
    {
      "type": "sankey",
      "sourceKey": "from",
      "targetKey": "to",
      "valueKey": "value"
    }
  ]
}

Edit JSON above · auto-previews after 0.9 s

A three-layer web traffic Sankey shows how visitors arrive at landing pages and navigate to conversions.

PreviousFunnel Charts Next Alluvial Diagrams

Was this article helpful?