nvd3 sankey

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">

}
        html, body, svg {
            margin: 0px;
            padding: 0px;
            width: 100%;
        }

.nvd3 {
            margin-bottom: 50px;
        }

pre {
            padding: 20px;
            background-color: #ddd;
            display: inline-block;
        }

/* --- Sankey chart styles --- */

.node rect {
            cursor: move;
            fill-opacity: .9;
            shape-rendering: crispEdges;
        }

.node text {
            pointer-events: none;
            text-shadow: 0 1px 0 #fff;
        }

.link {
            fill: none;
            stroke: #000;
            stroke-opacity: .2;
        }

.link:hover {
            stroke-opacity: .5;
        }

</style>
</head>
<body>
    
<div id="sankey-chart-advanced" class="nvd3"></div>

nv.addGraph(function() {
        var units = 'ducks';
        var chart = nv.models.sankeyChart()
            .width(width)
            .height(height)
            .format(function(d) {
                return formatNumber(d) + ' ' + units;
            })
            .linkTitle(function(d){
                return d.source.name + ' ----> ' + d.target.name + '\n' + d.value + ' ' + units;
            })
            .nodeStyle({
                title: function(d){
                    return d.name + ': ' + d.value + ' ' + units;
                },
                fillColor: function(d){
                    return d3.rgb(d.color).brighter(2);
                },
                strokeColor: function(d){
                    return d3.rgb(d.color).darker(2);
                }
            })
            .nodeWidth(100)
            .nodePadding(200)
            .units('ducks')
            .center(function(node){
                return node.dy
            });

d3.select('#sankey-chart-advanced')
            .attr('width', width)
            .attr('height', height)
            .datum(data)
            .call(chart);

return chart;
    });
</script>
</body>
</html>

https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.17/d3.min.js

https://cdnjs.cloudflare.com/ajax/libs/nvd3/1.8.6/nv.d3.min.js