<script language="javascript" type="text/javascript" src="https://cdn.fusioncharts.com/fusioncharts/3.19.0-dev/fusioncharts.js"></script>
<script src="https://cdn.fusioncharts.com/fusioncharts/3.19.0-dev/themes/fusioncharts.theme.candy.js"> </script>
<div id="container">FusionCharts will render here</div>
FusionCharts.ready(function () {
  var topStores = new FusionCharts({
    type: "sankey",
    renderAt: "container",
    id: "sankey-chart",
    width: "650",
    height: "400",
    dataFormat: "json",
    dataSource: {
      chart: {
        caption: "Immigrant Flow for Last Month (In Millions)",
        legendPosition: "bottom",
        linkAlpha: "100",
        theme: "candy"
      },
      nodes: [
        {
          label: "Netherlands"
        },
        {
          label: "Germany"
        },
        {
          label: "European Union"
        }
      ],
      links: [
        {
          from: "Netherlands",
          to: "European Union",
          value: 798744
        },
        {
          from: "European Union",
          to: "Germany",
          value: 244
        }
      ]
    }
  }).render();
});

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.