forked from exploringdata/exploringdata.github.com
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
287 lines (199 loc) · 12.7 KB
/
index.html
File metadata and controls
287 lines (199 loc) · 12.7 KB
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
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
<!DOCTYPE html>
<html xmlns:fb="http://ogp.me/ns/fb#" lang="en">
<head>
<meta charset="utf-8">
<title>Data Mining and Data Visualization | Exploring Data</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Exploring Data is a showcase of interactive data visualizations comprising topics like world aid flow, climate change, programming languages, football, Google knowledge graph relations, and Twitter networks.">
<meta property="og:image" content="
/img/exploringdata.jpg
">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:creator" content="@yaph">
<meta name="twitter:site" content="@yaph">
<meta name="twitter:title" content="Data Mining and Data Visualization">
<meta name="twitter:description" content="Exploring Data is a showcase of interactive data visualizations comprising topics like world aid flow, climate change, programming languages, football, Google knowledge graph relations, and Twitter networks.">
<meta name="twitter:image:src" content="
/img/exploringdata.jpg
">
<meta name="author" content="Ramiro Gómez">
<meta name="flattr:id" content="4pzdyq">
<link rel="canonical" href="https://exploring-data.com/">
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<link href="/css/style.css" rel="stylesheet">
<link rel="shortcut icon" href="/favicon.ico">
<link rel="alternate" type="application/rss+xml" title="Exploring Data main RSS feed" href="https://exploring-data.com/rss.xml">
</head>
<body class="">
<nav id="navbar" class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#main-navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a id="site-name" class="navbar-brand" href="/">Exploring Data</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="main-navbar">
<ul class="nav navbar-nav">
<li><a href="/data-visualization-books/">📕 Data Books</a></li>
<li><a href="/data-visualization-posters/">🛒 Posters</a></li>
<li><a href="https://www.amazon.com/s/ref=w_bl_sl_s_ap_web_7141123011?ie=UTF8&node=7141123011&field-brandtextbin=Exploring+Data+Apparel&_encoding=UTF8&tag=xpdt-20&linkCode=ur2&linkId=9e857f784277104a21c9a5542c76b9a5&camp=1789&creative=9325">👕 Shirts</a></li>
<li><a href="/datasearch/">🔍 Search for Data</a></li>
<li><a href="/sitemap/">🖧 Sitemap</a></li>
</ul>
<div id="sharemenu" class="nav pull-right">
<div class="btn-group">
<a href="#" class="btn navbar-btn btn-success dropdown-toggle" data-toggle="dropdown">+</a>
<ul class="share dropdown-menu pull-right">
<li><a href="/rss.xml">RSS Feed</a></li>
<li><a href="https://twitter.com/share?url=https%3A//exploring-data.com/&text=Data%20Mining%20and%20Data%20Visualization">Tweet this</a></li>
<li><a href="https://flattr.com/submit/auto?user_id=rg&url=https%3A//exploring-data.com/&title=Data%20Mining%20and%20Data%20Visualization&language=en_GB&category=software">Flattr this</a></li>
<li><a href="https://www.facebook.com/sharer.php?u=https%3A//exploring-data.com/&t=Data%20Mining%20and%20Data%20Visualization">Facebook</a></li>
<li><a href="https://plus.google.com/share?url=https%3A//exploring-data.com/">Google+</a></li>
<li><a href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A//exploring-data.com/&title=Data%20Mining%20and%20Data%20Visualization">LinkedIn</a></li>
</ul>
</div>
</div>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
<div class="container-fluid gallery">
<div class="row">
<div class="col-md-12">
<h2><a href="tags/d3">Created with D3.js</a></h2>
</div>
</div>
<div class="row">
<div class="col-md-4 col-lg-2"><div class="well">
<a href="/info/intentional-homicides/" title="A series of maps of the world showing where in the world the least and the most murders happen for the years 1995 to 2011.">
<h5>Where in the World Happen Most Murders</h5>
<img src="
/img/preview/homicides-map.png
" alt="Where in the World Happen Most Murders" class="img-responsive">
</a>
</div></div>
<div class="col-md-4 col-lg-2"><div class="well">
<a href="/vis/climate-changes-decade/" title="Explore a decade of climate change, global warming, natural disaster, extreme weather, pollution and deforestation in the articles published by the Guardian.">
<h5>A Decade of Climate Change in the Guardian</h5>
<img src="
/img/preview/climate-changes-decade.jpg
" alt="A Decade of Climate Change in the Guardian" class="img-responsive">
</a>
</div></div>
<div class="col-md-4 col-lg-2"><div class="well">
<a href="/vis/evolution-internet-users/" title="An animated scatterplot showing the evolution of Internet users across the worlds countries from 1990 to 2012 created with the D3.js.">
<h5>Evolution of Internet Users from 1990 - 2012</h5>
<img src="
/img/preview/evolution-of-internet-users-from-1990-2012.jpg
" alt="Evolution of Internet Users from 1990 - 2012" class="img-responsive">
</a>
</div></div>
<div class="col-md-4 col-lg-2"><div class="well">
<a href="/vis/world-aid-transparency/" title="An interactive visualization looking at world aid flow, aid transparency, and development in receiving countries created with the D3 JavaScript library.">
<h5>World Aid Flow, Transparency, Development</h5>
<img src="
/img/preview/world-aid-transparency.jpg
" alt="World Aid Flow, Transparency, Development" class="img-responsive">
</a>
</div></div>
<div class="col-md-4 col-lg-2"><div class="well">
<a href="/vis/exploit-database-platforms-spiral/" title="A pack layout visualization of platforms sized by the number of exploits created with the JavaScript library D3 and data from the Exploit Database.">
<h5>Which Software Platforms are Exploited the Most</h5>
<img src="
/img/preview/exploit-database-platforms-spiral.png
" alt="Which Software Platforms are Exploited the Most" class="img-responsive">
</a>
</div></div>
<div class="col-md-4 col-lg-2"><div class="well">
<a href="/vis/programming-languages-influence-network-d3/" title="An network graph showing the connections of programming languages based on their influences created with the JavaScript library D3.">
<h5>Programming Languages Influence Network D3</h5>
<img src="
/img/preview/programming-languages-influence-network-d3.jpg
" alt="Programming Languages Influence Network D3" class="img-responsive">
</a>
</div></div>
</div>
<div class="row">
<div class="col-md-12">
<h2><a href="tags/sigmajs">Created with Sigma.js</a></h2>
</div>
</div>
<div class="row">
<div class="col-md-4 col-lg-2"><div class="well">
<a href="/info/mentor-author-graph/" title="The Graph of Mentors, Books and Authors visualizes book recommendations from the book Tribe Of Mentors by Tim Ferriss and his interviewees.">
<h5>Network Graph of Book Recommendations from Tribe of Mentors</h5>
<img src="
https://exploring-data.com/img/preview/mentor-author-graph.png
" alt="Network Graph of Book Recommendations from Tribe of Mentors" class="img-responsive">
</a>
</div></div>
<div class="col-md-4 col-lg-2"><div class="well">
<a href="/info/big-sister-cities/" title="Big Sister Cities is an interactive network graph showing 279 cities with more than 1 million inhabitants and how they are connected to their sister cities within this set.">
<h5>Big Sister Cities: How They Are Related</h5>
<img src="
https://exploring-data.com/img/preview/big-sister-cities.png
" alt="Big Sister Cities: How They Are Related" class="img-responsive">
</a>
</div></div>
<div class="col-md-4 col-lg-2"><div class="well">
<a href="/info/spaghetti-western-actors-dbpedia/" title="This is an undirected graph of co-occurrences of actors who appeared in one or more Spaghetti Western films based on data from DBpedia retrieved on August 4, 2015.">
<h5>Which Actors Appeared together in Spaghetti Western Films</h5>
<img src="
https://exploring-data.com/img/preview/spaghetti-western-actors-dbpedia-graph.png
" alt="Which Actors Appeared together in Spaghetti Western Films" class="img-responsive">
</a>
</div></div>
<div class="col-md-4 col-lg-2"><div class="well">
<a href="/info/ballon-dor-male-players-votes-2013/" title="The Ballon d'Or 2013 visualization shows an interactive network graph of voters and voted football players related based on votes cast for the male FIFA Ballon d'Or award in 2013.">
<h5>Falcao and Iniesta the top players in 2013 according to Ronaldo and Messi</h5>
<img src="
/img/preview/ballon-dor-male-players-2013.jpg
" alt="Falcao and Iniesta the top players in 2013 according to Ronaldo and Messi" class="img-responsive">
</a>
</div></div>
<div class="col-md-4 col-lg-2"><div class="well">
<a href="/info/npm-packages-dependencies/" title="2 Interactive graph visualizations that show how npm packages are linked by dependency relations, the smaller one is limited to packages with at least 10 dependent packages. Graphs were pre-processed with Gephi and are rendered with sigma.js.">
<h5>How npm Packages are Linked by Dependencies</h5>
<img src="
/img/preview/npm-packages-dependencies.jpg
" alt="How npm Packages are Linked by Dependencies" class="img-responsive">
</a>
</div></div>
<div class="col-md-4 col-lg-2"><div class="well">
<a href="/info/visualisingdata-census-twitter-network/" title="The visualisingdata census network graph shows the Twitter connections of the participants of the 1st data visualization census initiated by Andy Kirk.">
<h5>How Participants of the Visualisingdata Census are Connected on Twitter</h5>
<img src="
/img/preview/visualisingdata-census-twitter-network.jpg
" alt="How Participants of the Visualisingdata Census are Connected on Twitter" class="img-responsive">
</a>
</div></div>
</div>
</div>
<div id="footer" class="container">
<div class="row"><div class="col-md-12">
<footer>
<hr>
<p>Exploring Data is a showcase of interactive data visualizations created with open data and open source tools, <a href="/about/">learn more</a>.<br>
© <script>document.write(new Date().getFullYear())</script> <a href="http://ramiro.org/">Ramiro Gómez</a>.</p>
</footer>
</div></div>
</div>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-5102014-13', 'exploring-data.com');
ga('send', 'pageview');
(function(c,a){function d(){var e=a.getElementsByTagName("a");var f=[];for(var g=0;g<e.length;++g){var h=e[g];if(h.host!=c.location.host){f.push(h)}}return f}function b(f){var e=f.srcElement||f.target;while(e&&(typeof e.tagName=="undefined"||e.tagName.toLowerCase()!="a"||!e.href)){e=e.parentNode}if(!e||!e.href){return}if(c.ga){ga("send","event","Outbound link","Click",e.href)}if(!e.target||e.target.match(/^_(self|parent|top)$/i)){setTimeout(function(){a.location.href=e.href},150);if(f.preventDefault){f.preventDefault()}else{f.returnValue=false}}}c.addEventListener("load",function(){var e=d();for(var f in e){e[f].addEventListener("click",b)}})}(window,document));
</script>
<script src="//code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="/js/script.js"></script>
</body>
</html>