-
Notifications
You must be signed in to change notification settings - Fork 1
/
word_heatmap.html
156 lines (136 loc) · 8.85 KB
/
word_heatmap.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
<!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]-->
<!-- Google Fonts API -->
<link href='http://fonts.googleapis.com/css?family=Duru+Sans' rel='stylesheet' type='text/css'>
<!-- Lightbox -->
<script src="js/lightbox/js/jquery-1.7.2.min.js"></script>
<script src="js/lightbox/js/lightbox.js"></script>
<link href="js/lightbox/css/lightbox.css" rel="stylesheet" />
<!-- Custom Styles -->
<link href="css/style.css" rel="stylesheet">
</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">Comparing Appearance of Fifty Most Frequent Words</div>
<!-- Chart -->
<div id="chart">
<!-- Word Clouds -->
<div class="row" style="margin-left: 0px;">
<div class="col-md-6">
<a class="thumbnail" href="img/cis_ig_vis_word_heatmap_absolute.png" rel="lightbox[wc]" title="Comparing Absolute Appearance of Fifty Most Frequent Words">
<img src="img/cis_ig_vis_word_heatmap_absolute.png" alt="Comparing Absolute Appearance of Fifty Most Frequent Words" />
<div id="caption"><h3>Comparing Absolute Appearance of Fifty Most Frequent Words</h3></div>
</a>
</div>
<div class="col-md-6">
<a class="thumbnail" href="img/cis_ig_vis_word_heatmap_relative.png" rel="lightbox[wc]" title="Comparing Relative Appearance of Fifty Most Frequent Words">
<img src="img/cis_ig_vis_word_heatmap_relative.png" alt="Comparing Relative Appearance of Fifty Most Frequent Words" />
<div id="caption"><h3>Comparing Relative Appearance of Fifty Most Frequent Words</h3></div>
</a>
</div>
</div>
<!-- Chart Meta and Description -->
<div class="col-md-4" id="chart-meta">
<p>Created by <a href="http://ajantriks.net/" target="_blank">Sumandro</a> using <a href="http://cran.r-project.org/" target="_blank">R</a>.<br />
Download the <a href="https://github.com/ajantriks/netmundial/blob/master/R/cis_netmundial_word_heatmap.R" target="_blank">R code</a>.<br />
Download the <a href="https://github.com/ajantriks/netmundial/tree/master/data/word_heatmap" target="_blank">data</a>.</p>
</div>
<div class="col-md-8" id="chart-description">
<p>These heatmaps compare the appearance of fifty most frequently appearing words (for all 187 contributions) across the contributions made by different types of organisation. Click on them to see the larger images. Hit *escape* to come back to this page.</p>
<p>The heatmap on the left shows the absolute appearance of the words -- that is the total number of times each word appears in contributions by a type of organisation.</p>
<p>The heatmap on the right shows the relative appearance of the words -- that is the ratio of the word's appearance in contribution by a type of organisation divided by total number of contributions by that type of organisation.</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>