JSFiddle - React, Tailwind, and code Playground
HTML
<script type="text/javascript"
src="https://www.google.com/jsapi?autoload={'modules':[{'name':'visualization','version':'1.1','packages':['sankey']}]}">
</script>
<div id="sankey_multiple" style="width: 800px; height: 500px;"></div>
JavaScript
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = new google.visualization.DataTable();
data.addColumn('string', 'From');
data.addColumn('string', 'To');
data.addColumn('number', 'Weight');
data.addRows([
[ 'Поступили', 'Остались на своем факультете', 1403 ],
[ 'Остались на своем факультете', 'Получили диплом в срок', 1403 ],
[ 'Поступили', 'Перевелись на другой факультет', 173 ],
[ 'Перевелись на другой факультет', 'Получили диплом в срок', 55 ],
[ 'Поступили', 'Перевелись в другой вуз', 156 ],
[ 'Поступили', 'Еще учатся', 159 ],
[ 'Поступили', 'Отчислены', 448 ],
]);
// Set chart options
var options = {
width: 800,
sankey: { node: { nodePadding: 100 } },
};
// Instantiate and draw our chart, passing in some options.
var chart = new google.visualization.Sankey(document.getElementById('sankey_multiple'));
chart.draw(data, options);
}