forked from ajantriks/netmundial
-
Notifications
You must be signed in to change notification settings - Fork 0
/
contributions_countries.html
220 lines (220 loc) · 12 KB
/
contributions_countries.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="NETmundial, internet governance">
<meta name="author" content="Centre for Internet and Society, Bangalore, India">
<link rel="shortcut icon" href="../../assets/ico/favicon.ico">
<title>Analysing Contributions to NETmundial 2014 | Centre for Internet and Society, Bangalore, India</title>
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.css" rel="stylesheet">
<!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<!-- Custom Styles -->
<link href="css/style.css" rel="stylesheet">
<!-- Google Fonts API -->
<link href='http://fonts.googleapis.com/css?family=Duru+Sans' rel='stylesheet' type='text/css'>
<!-- Google Chart - Treemap -->
<script type="text/javascript" src="js/jsapi.js"></script>
<script type="text/javascript">
// Load the Visualization API and the treemap package
google.load('visualization', '1.0', {'packages':['treemap']});
// Set a callback to run when the Google Visualization API is loaded
google.setOnLoadCallback(drawVisualization);
function drawVisualization() {
// Data
var data = google.visualization.arrayToDataTable([
['Location','Parent','Submissions','Internet Penetration','Principles','Roadmaps','Combined'],
['All',null,187,0,65,44,78],
['Africa','All',20,4,9,5,6],
['Australia and New Zealand','All',5,1,3,2,0],
['Central & South America and the Carribbean','All',31,0,9,9,13],
['East Asia','All',9,1,3,2,4],
['Europe','All',45,3,12,9,24],
['Global','All',25,9,15,5,5],
['North America','All',39,1,12,11,16],
['South and West Asia','All',13,1,2,1,10],
['Cote D Ivoire','Africa',1,1,1,0,0],
['Kenya','Africa',2,1,1,0,1],
['Mauritius','Africa',1,0,0,0,1],
['Nigeria','Africa',3,0,1,1,1],
['Regional (Africa)','Africa',2,0,0,0,2],
['Senegal','Africa',2,0,1,1,0],
['Sudan','Africa',4,2,3,1,0],
['Tunisia','Africa',3,0,1,1,1],
['Zimbabwe','Africa',1,-1,0,1,0],
['Australia','Australia and New Zealand',2,0,1,1,0],
['New Zealand','Australia and New Zealand',3,1,2,1,0],
['Argentina','Central & South America and the Carribbean',6,0,2,2,2],
['Brazil','Central & South America and the Carribbean',17,-1,4,5,8],
['Colombia','Central & South America and the Carribbean',1,0,0,0,1],
['Costa Rica','Central & South America and the Carribbean',1,-1,0,1,0],
['Regional (Central & South America and the Carribbean)','Central & South America and the Carribbean',4,2,2,0,2],
['Trinidad And Tobago','Central & South America and the Carribbean',1,-1,0,1,0],
['Uruguay','Central & South America and the Carribbean',1,1,1,0,0],
['China','East Asia',2,1,1,0,1],
['Japan','East Asia',4,0,1,1,2],
['Malaysia','East Asia',1,-1,0,1,0],
['South Korea','East Asia',2,1,1,0,1],
['Austria','Europe',1,0,0,0,1],
['Belgium','Europe',2,0,0,0,2],
['Bulgaria','Europe',1,0,0,0,1],
['Denmark','Europe',1,0,0,0,1],
['France','Europe',6,-1,1,2,3],
['Germany','Europe',2,1,1,0,1],
['Italy','Europe',2,1,1,0,1],
['Malta','Europe',1,-1,0,1,0],
['Norway','Europe',1,0,0,0,1],
['Poland','Europe',2,-1,0,1,1],
['Portugal','Europe',1,-1,0,1,0],
['Regional (Europe)','Europe',7,1,3,2,2],
['Russia','Europe',3,0,0,0,3],
['Spain','Europe',3,1,1,0,2],
['Sweden','Europe',1,1,1,0,0],
['Switzerland','Europe',6,0,2,2,2],
['UK','Europe',4,1,1,0,3],
['Ukraine','Europe',1,1,1,0,0],
['Commonwealth','Global',2,2,2,0,0],
['ICANN','Global',1,0,0,0,1],
['Internet Society','Global',4,2,3,1,0],
['Other','Global',18,5,9,4,5],
['Canada','North America',2,1,1,0,1],
['Mexico','North America',2,0,0,0,2],
['Regional (North America)','North America',2,0,1,1,0],
['USA','North America',33,0,10,10,13],
['India','South and West Asia',7,-1,0,1,6],
['Iran','South and West Asia',2,0,0,0,2],
['Kuwait','South and West Asia',1,0,0,0,1],
['Regional (South and West Asia)','South and West Asia',1,1,1,0,0],
['Yemen','South and West Asia',2,1,1,0,1]
]);
// Treemap
var treemap = new google.visualization.TreeMap(document.getElementById('treemap'));
treemap.draw(data, {
minColor: '#00a865',
midColor: '#00a865',
maxColor: '#00a865',
headerHeight: 30,
fontColor: '#222',
showScale: false,
generateTooltip: showFullTooltip,
textStyle: {
fontName: 'Duru Sans',
fontSize: '13px',
},
});
function showFullTooltip(row, size, value) {
return '<div style="background:rgba(256,256,256,0.9); padding:10px; border: 2px solid #999; font-size: 13px;" >' +
'<b>' + data.getValue(row, 0) + '</b><br>' +
'<br>' +
'Total Submissions: ' + data.getValue(row, 2) + '<br>' +
'<br>' +
'Principles: ' + data.getValue(row, 4) + '<br>' +
'Roadmaps: ' + data.getValue(row, 5) + '<br>' +
'Combined: ' + data.getValue(row, 6) + '<br>' +
' </div>';
}
}
</script>
</head>
<body>
<!-- NAVBAR
================================================== -->
<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<span class="navbar-brand">Analysing Contributions to NETmundial 2014</span>
</div>
<div class="navbar-collapse collapse navbar-right">
<ul class="nav navbar-nav">
<li><a href="index.html">Home</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Visualisations <b class="caret"></b></a>
<ul class="dropdown-menu">
<li class="dropdown-header">Contributions</li>
<li><a href="contributions_countries.html">Contributions by Countries of Origin</a></li>
<li><a href="contributions_org_type.html">Contributions by Types of Organisation</a></li>
<li class="divider"></li>
<li class="dropdown-header">Who Submitted Contributions?</li>
<li><a href="map_no_contrib.html">Which Countries have Not Submitted Contributions?</a></li>
<li><a href="map_no_contrib_govt.html">Which Governments have Not Submitted Contributions?</a></li>
<li class="divider"></li>
<li class="dropdown-header">Word Analysis</li>
<li><a href="word_heatmap.html">Comparing Appearance of Fifty Most Frequent Words</a></li>
<li><a href="word_freq_org_type.html">Fifty Most Frequent Words across Types of Organisation</a></li>
<li><a href="word_clouds_org_type.html">Word Clouds by Types of Organisation</a></li>
<li class="divider"></li>
<li class="dropdown-header">Internet Governance Roadmap</li>
<li><a href="roadmap_topics.html">What do the Contributions Say about the Roadmap?</a></li>
<li><a href="roadmap_topics_where.html">Where are the Roadmap Suggestions Coming from?</a></li>
<li><a href="track_multistakeholder.html">Tracking *Multistakeholder* across Contributions</a></li>
</ul>
</li>
<li><a href="#about">About the Study</a></li>
</ul>
</div>
</div><!--/.navbar-collapse -->
</div>
</div>
<!-- Content
================================================== -->
<div class="container">
<div class="content-header">Contributions by Countries of Origin</div>
<!-- Chart -->
<div id="chart">
<div id="treemap" class="col-md-12 chart" style="width: 100%; height: 400px;">
</div>
<div class="col-md-4" id="chart-meta">
<p>Created by <a href="http://ajantriks.net/" target="_blank">Sumandro</a> using <a href="https://developers.google.com/chart/" target="_blank">Google Charts</a>.<br />
Google <a href="https://developers.google.com/terms/" target="_blank">Terms of Use</a> and <a href="https://google-developers.appspot.com/chart/interactive/docs/gallery/treemap.html#Data_Policy" target="_blank">Data Policy</a>.<br />
Download the <a href="https://github.com/ajantriks/netmundial/blob/master/data/cis_netmundial_contrib_tree.csv" target="_blank">data</a>.</p>
</div>
<div class="col-md-8" id="chart-description">
<p>This treemap chart divides up contributions submitted to NETmundial 2014 into their countries of origin, which are also clustered into regional divisions. The size of the rectangles indicate the total number of submissions from the respective region/country.</p>
<p>Left click on the regions to see the division of submissions from the countries within that region. Right click to go back.</p>
<p>Certain submissions have been contributed by global organisations, such as Internet Society, ICANN and Commonwealth agencies. These submissions have been included in the 'Global' division in the above chart. Also, Russia has been included within Europe, and China has been included within East Asia.</p>
</div>
</div>
<!-- About the Study -->
<div class="about">
<a id="about"></a>
<div class="col-md-4">
<a href="http://cis-india.org/"><img src="img/cis_logo.png" alt="The Centre for Internet and Society, Bangalore, India"></a>
</div>
<div class="col-md-8">
<h2>Analysing Contributions to NETmundial 2014</h2>
<p>This set of analysis of the contributions submitted to <a href="http://netmundial.br/" target="_blank">NETmundial 2014</a> is part of the effort by the <a href="http://cis-india.org/" target="_blank">Centre for Internet and Society</a>, Bangalore, India, to enable productive discussions of the critical internet governance issues at the meeting and elsewhere.</p>
<p>The Centre for Internet and Society, Bangalore, India, is a non-profit research organization that works on policy issues relating to freedom of expression, privacy, accessibility for persons with disabilities, access to knowledge and IPR reform, and openness, and engages in academic research on digital natives and digital humanities.</p>
<p>The visualisations are done by <a href="http://ajantriks.net/" target="_blank">Sumandro Chattapadhyay</a>, based on data compilation and analysis by Jyoti Panday, and with data entry suport from Chandrasekhar.</p>
</div>
</div>
<!-- Footer -->
<footer>
<div class="col-md-4">
<p>Built on <a href="http://getbootstrap.com/" target="_blank">Bootstrap</a> by <a href="http://ajantriks.net/" target="_blank">Sumandro</a>.</p>
</div>
<div class="col-md-8">
<p class="footer">All code, content and data is co-owned by the author(s) and <a href="http://cis-india.org/" target="_blank">Centre for Internet and Society</a>, Bangalore, India, and shared under Creative Commons <a href="http://creativecommons.org/licenses/by-sa/2.5/in/" target="_blank">Attribution-ShareAlike 2.5 India</a> license.</p>
</div>
</footer>
</div><!-- /.container -->
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/docs.min.js"></script>
</body>
</html>