Highcharts Demo

author(s): Torstein Hønsi

by core972

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/sankey.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>

<div id="container"></div>

CSS

#container {
  min-width: 300px;
  max-width: 800px;
  height: 400px;
  margin: 1em auto;
  border: 1px solid silver;
}

#csv {
  display: none;
}

JavaScript

Highcharts.chart('container', {

  title: {
    text: 'Highcharts Sankey Diagram'
  },

  series: [{
    keys: ['from', 'to', 'weight', 'id'],
    data: [{
        from: 'L1',
        to: 'R1',
        weight: 5
      },
      {
        from: 'L3',
        to: 'R1',
        weight: 1
      },
      {
        from: 'L2',
        to: 'R2',
        weight: 1
      },
      {
        from: 'L4',
        to: 'R3',
        weight: 1
      },
    ],
    nodes: [{
        id: 'L4',
        name: 'R1',
        color: '#000'
      },
      {
        id: 'R1',
        name: 'R1',
        color: '#000'
      }
    ],
    type: 'sankey',
    name: 'Sankey demo series'
  }]

});