| <html> |
| <head> |
| <script type="text/javascript" |
| src="https://www.google.com/jsapi?autoload={'modules':[{'name':'visualization','version':'1.1','packages':['sankey']}]}"> |
| </script> |
|
|
| <div id="sankey_basic" style="width: 1200px; height: 600px;"></div> |
|
|
| <script type="text/javascript"> |
| google.setOnLoadCallback(drawChart); |
|
|
| function drawChart() { |
| var data = new google.visualization.DataTable(); |
| data.addColumn('string', 'Country'); |
| data.addColumn('string', 'Stakeholder'); |
| data.addColumn('number', 'Weight'); |
| data.addRows([ |
| [ 'Austria', 'Press', 12 ], |
| [ 'Austria', 'NGOs', 16 ], |
| [ 'Austria', 'Academics', 32 ], |
| [ 'Belgium', 'Press', 4 ], |
| [ 'Belgium', 'NGOs', 3 ], |
| [ 'Belgium', 'Academics', 5 ], |
| [ 'France', 'Press', 23 ], |
| [ 'France', 'NGOs', 4 ], |
| [ 'France', 'Academics', 32 ], |
| [ 'Germany', 'Press', 32 ], |
| [ 'Germany', 'NGOs', 12 ], |
| [ 'Germany', 'Academics', 34 ], |
| ]); |
| |
| // Set chart options |
| var options = { |
| width: 1000, |
| sankey: { node: { width: 40 } }, |
| }; |
|
|
| // Instantiate and draw our chart, passing in some options. |
| var chart = new google.visualization.Sankey(document.getElementById('sankey_basic')); |
| chart.draw(data, options); |
| } |
| </script> |
| </head> |
| </html>
|