Skip to content

Instantly share code, notes, and snippets.

@exoego

exoego/functional_oojah.html

Created October 20, 2014 04:32
Show Gist options
  • Save exoego/34b882951aa3dd281c6f to your computer and use it in GitHub Desktop.
Save exoego/34b882951aa3dd281c6f to your computer and use it in GitHub Desktop.
Download ZIP
函数プログラミングのつどい2011/2012、函数型なんたらのつどい2014の人数遷移
Raw
functional_oojah.html
<html>
<head>
<title>函数プログラミングのつどい2011/2012、函数型なんたらのつどい2014の人数遷移</title>
<script type="text/javascript" src="https://www.google.com/jsapi?autoload={'modules':[{'name':'visualization','version':'1.1','packages':['sankey']}]}"></script>
<script type="text/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([
['2011参加(150)', '2012参加(86)', 63],
['2011参加(150)', '2012キャンセル(72)', 11],
['2011参加(150)', '2012未登録(162)', 76],
['2011キャンセル(71)', '2012参加(86)', 18],
['2011キャンセル(71)', '2012キャンセル(72)', 5],
['2011キャンセル(71)', '2012未登録(162)', 48],
['2011補欠(46)', '2012参加(86)', 5],
['2011補欠(46)', '2012キャンセル(72)', 3],
['2011補欠(46)', '2012未登録(162)', 38],
['2011未登録(225)', '2012初参加(92)', 92],
['2011未登録(225)', '2012キャンセル(72)', 53],
['2011未登録(225)', '2011・2012未登録(80)', 80],
['2012参加(86)', '2014参加(31)', 18],
//['2012参加(86)', '2014キャンセル(7)', 0],
['2012参加(86)', '2014補欠(27)', 3],
['2012参加(86)', '2014未登録(354)', 65],
['2012初参加(92)', '2014参加(31)', 1],
//['2012初参加(92)', '2014キャンセル(7)', 0],
['2012初参加(92)', '2014補欠(27)', 2],
['2012初参加(92)', '2014未登録(354)', 89],
//['2012キャンセル(72)', '2014参加(83)', 0],
//['2012キャンセル(72)', '2014キャンセル(7)', 0],
//['2012キャンセル(72)', '2014補欠(27)', 0],
['2012キャンセル(72)', '2014未登録(354)', 72],
['2012未登録(162)', '2014参加(31)', 12],
//['2012未登録(162)', '2014キャンセル(7)', 0],
['2012未登録(162)', '2014補欠(27)', 2],
['2012未登録(162)', '2014未登録(354)', 148],
['2011・2012未登録(80)', '2014初参加(52)', 52],
['2011・2012未登録(80)', '2014キャンセル(7)', 7],
['2011・2012未登録(80)', '2014補欠(27)', 20]
]);
var options = {
width: 960, //16
height:600, //10
sankey: {
node: {
width: 5,
nodePadding: 40,
labelPadding: 10 ,
label: {
fontSize: 24,
color: '#333',
bold: true,
italic: false
}
}
}
};
var chart = new google.visualization.Sankey(document.getElementById('sankey_multiple'));
chart.draw(data, options);
}
</script>
</head>
<body>
<div id="sankey_multiple" style="width: 1000px; height: 800px;"></div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment