d3.chart.sankey (product demo)

d3.chart.sankey: Reusable D3 Sankey diagram using d3.Chart.

This diagram shows how the ingredients may contribute to the total sustainability of a chocolate bar through different issues.

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>d3.chart.sankey (product demo)</title>
    <script src="//d3js.org/d3.v3.min.js"></script>
    <script src="//cdn.jsdelivr.net/gh/newrelic-forks/d3-plugins-sankey/sankey.js"></script>
    <script src="//cdn.jsdelivr.net/gh/misoproject/d3.chart/d3.chart.min.js"></script>
    <script src="//cdn.jsdelivr.net/gh/q-m/d3.chart.sankey/d3.chart.sankey.min.js"></script>
    <style>
      body {
        padding: 10px;
        min-width: 600px;
        max-width: 1200px;
        margin: auto;
      }
      #chart {
        height: 500px;
        font: 13px sans-serif;
      }
      .node rect {
        fill-opacity: .9;
        shape-rendering: crispEdges;
        stroke-width: 0;
      }
      .node text {
        text-shadow: 0 1px 0 #fff;
      }
      .link {
        fill: none;
        stroke: #000;
        stroke-opacity: .2;
      }
    </style>
  </head>
  <body>
    <div id="chart"></div>

Updated missing url //cdn.rawgit.com/newrelic-forks/d3-plugins-sankey/master/sankey.js to //cdn.jsdelivr.net/gh/newrelic-forks/d3-plugins-sankey/sankey.js

Updated missing url //cdn.rawgit.com/misoproject/d3.chart/master/d3.chart.min.js to //cdn.jsdelivr.net/gh/misoproject/d3.chart/d3.chart.min.js

Updated missing url //cdn.rawgit.com/q-m/d3.chart.sankey/master/d3.chart.sankey.min.js to //cdn.jsdelivr.net/gh/q-m/d3.chart.sankey/d3.chart.sankey.min.js

https://d3js.org/d3.v3.min.js

https://cdn.rawgit.com/newrelic-forks/d3-plugins-sankey/master/sankey.js

https://cdn.rawgit.com/misoproject/d3.chart/master/d3.chart.min.js

https://cdn.rawgit.com/q-m/d3.chart.sankey/master/d3.chart.sankey.min.js