FY 2018 ILL articles sankey

<html>
<head>
<style>
	p {
		font-family: arial;
		font-size: 12px;
		line-height: 1.5;
		padding-right: 15px;
		padding-left: 15px;
	}
</style>
 
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
	google.charts.load('current', {'packages': ['sankey']});
	google.charts.setOnLoadCallback(drawChart);
	dataArticles = [
		['Undergraduate', 'Bouve College of Health Sciences', 405, 'gold', 'Undergraduate > BCHS Articles Supplied: 405 (14.1%) Population: 150 Per Capita: 2.7'],
		['Undergraduate', 'College of Arts, Media, and Design', 195, 'gold', 'Undergraduate > CAMD Articles Supplied: 195 (6.8%) Population: 107 Per Capita: 1.8'],
		['Undergraduate', 'College of Computer and Information Science', 45, 'gold', 'Undergraduate > CCIS Articles Supplied: 45 (1.6%) Population: 32 Per Capita: 1.4'],
		['Undergraduate', 'College of Engineering', 389, 'gold', 'Undergraduate > COE Articles Supplied: 389 (13.5%) Population: 174 Per Capita: 2.2'],
		['Undergraduate', 'College of Science', 893, 'gold', 'Undergraduate > COS Articles Supplied: 893 (31.0%) Population: 296 Per Capita: 3.0'],
		['Undergraduate', 'College of Professional Studies', 183, 'gold', 'Undergraduate > CPS Articles Supplied: 183 (6.4%) Population: 96 Per Capita: 1.9'],
		['Undergraduate', 'College of Social Sciences and Humanities', 486, 'gold', 'Undergraduate > CSSH Articles Supplied: 486 (16.9%) Population: 225 Per Capita: 2.2'],
		['Undergraduate', "D'Amore-McKim School of Business", 283, 'gold', 'Undergraduate > DMSB Articles Supplied: 283 (9.8%) Population: 123 Per Capita: 2.3'],
		['Graduate', 'Bouve College of Health Sciences', 1199, 'goldenrod', 'Graduate > BCHS Articles Supplied: 1199 (21.9%) Population: 326 Per Capita: 3.7'],
		['Graduate', 'College of Arts, Media, and Design', 95, 'goldenrod', 'Graduate > CAMD Articles Supplied: 95 (1.7%) Population: 38 Per Capita: 2.5'],
		['Graduate', 'College of Computer and Information Science', 101, 'goldenrod', 'Graduate > CCIS Articles Supplied: 101 (1.8%) Population: 28 Per Capita: 3.6'],
		['Graduate', 'College of Engineering', 1382, 'goldenrod', 'Graduate > COE Articles Supplied: 1382 (25.3%) Population: 248 Per Capita: 5.6'],
		['Graduate', 'College of Science', 533, 'goldenrod', 'Graduate > COS Articles Supplied: 533 (9.7%) Population: 142 Per Capita: 3.8'],
		['Graduate', 'College of Professional Studies', 1511, 'goldenrod', 'Graduate > CPS Articles Supplied: 1511 (27.6)% Population: 348 Per Capita: 4.3'],
		['Graduate', 'College of Social Sciences and Humanities', 526, 'goldenrod', 'Graduate > CSSH Articles Supplied: 526 (9.6%) Population: 132 Per Capita: 4.0'],
		['Graduate', "D'Amore-McKim School of Business", 79, 'goldenrod', 'Graduate > DMSB Articles Supplied: 79 (1.4%) Population: 30 Per Capita: 2.6'],
		['Graduate', 'School of Law', 44, 'goldenrod', 'Graduate > Law Articles Supplied: 44 (0.8%) Population: 20 Per Capita: 2.2'],
		['Distance Graduate', 'College of Professional Studies', 1621, 'darkorange', 'Distance Graduate > CPS Articles Supplied: 1621 Population: 294 Per Capita: 5.5']
	];
	var fromTotals = {};
	for (var i = 0; i < dataArticles.length; i++) {
		var item = dataArticles[i], key = item[0];
		if (fromTotals.hasOwnProperty(key)) {
			fromTotals[key] += item[2];
		}
		else {
			fromTotals[key] = item[2];
		}
	}
	console.log(fromTotals);
	var toTotals = {};
	for (var i = 0; i < dataArticles.length; i++) {
		var item = dataArticles[i], key = item[1];
		if (toTotals.hasOwnProperty(key)) {
			toTotals[key] += item[2];
		}
		else {
			toTotals[key] = item[2];
		}
	}
	console.log(toTotals);
	dataArticles.forEach(function(d) {
		d[0] = d[0] + " (" + fromTotals[d[0]] + ")";
		d[1] = "(" + toTotals[d[1]] + ") " + d[1];
	})
	function drawChart() {
		var data = new google.visualization.DataTable();
			data.addColumn('string', 'From');
			data.addColumn('string', 'To');
			data.addColumn('number', 'Articles Supplied');
			data.addColumn({type: 'string', role: 'style'});
			data.addColumn({type: 'string', role: 'tooltip', p: {html:true}});
			data.addRows(dataArticles);
		var options = {
			height: 600,
			width: 800,
			sankey: {iterations: 0, node: {label: {fontSize: 12}}},
			tooltip: {isHtml: true}
		};
		var chart = new google.visualization.Sankey(document.getElementById('sankey_basic'));
		chart.draw(data, options);
	}
</script>
</head>
<body>
<div id="sankey_basic" style="width: 800px; margin-left: auto; margin-right: auto;"></div>

	ILL Articles Supplied to Northeastern University Students, Jul 2017 - Mar 2018

</body>
</html>

https://www.gstatic.com/charts/loader.js