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
231 lines (173 loc) · 12.8 KB
/
index.html
File metadata and controls
231 lines (173 loc) · 12.8 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
<!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="http://exploringdata.github.io/img/exploringdata.jpg">
<meta name="twitter:card" content="summary">
<meta name="twitter:creator" 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="http://exploringdata.github.io/img/exploringdata.jpg">
<meta name="author" content="Ramiro Gómez">
<link rel="canonical" href="http://exploringdata.github.io/">
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
<link href="/css/style.css#v=13" rel="stylesheet">
<!--[if lt IE 9]>
<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link rel="shortcut icon" href="/favicon.ico">
<link rel="alternate" type="application/rss+xml" title="Exploring Data main RSS feed" href="http://exploringdata.github.io/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="/notebook/"><i class="fa fa-pencil-square-o"></i> Notebooks</a></li>
<li><a href="/story/"><i class="fa fa-pencil-square-o"></i> Data Stories</a></li>
<li><a href="/data-visualization-books/"><i class="fa fa-book"></i> Data Books</a></li>
<li><a href="/datasearch/"><i class="fa fa-search"></i> Data Search</a></li>
<li><a href="/sitemap/"><i class="fa fa-sitemap"></i> 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"><i class="fa fa-share"></i></a>
<ul class="share dropdown-menu pull-right">
<li><a href="/rss.xml"><i class="fa fa-rss"></i> RSS Feed</a></li>
<li><a href="https://twitter.com/share?url=http%3A%2F%2Fexploringdata.github.io%2F&text=Data+Mining+and+Data+Visualization"><i class="fa fa-twitter"></i> Tweet this</a></li>
<li><a href="https://flattr.com/submit/auto?user_id=rg&url=http%3A%2F%2Fexploringdata.github.io%2F&title=Data+Mining+and+Data+Visualization&language=en_GB&category=software"><i class="fa fa-plus"></i> Flattr this</a></li>
<li><a href="http://www.facebook.com/sharer.php?u=http%3A%2F%2Fexploringdata.github.io%2F&t=Data+Mining+and+Data+Visualization"><i class="fa fa-facebook"></i> Facebook</a></li>
<li><a href="https://plus.google.com/share?url=http%3A%2F%2Fexploringdata.github.io%2F"><i class="fa fa-google-plus"></i> Google+</a></li>
<li><a href="http://www.linkedin.com/shareArticle?mini=true&url=http%3A%2F%2Fexploringdata.github.io%2F&title=Data+Mining+and+Data+Visualization"><i class="fa fa-linkedin"></i> 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/earthquakes/" title="A geographic map of the world showing real-time data for recent earthquakes rendered with the D3 JavaScript library.">
<h5>Real-Time World Map of Earthquakes</h5>
<img src="/img/large/earthquakes.png" alt="Real-Time World Map of Earthquakes" 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/large/exploit-database-platforms-spiral.png" alt="Which Software Platforms are Exploited the Most" 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/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 class="col-md-4 col-lg-2"><div class="well">
<a href="/info/footballers-search-relations/" title="The footballers search relations visualization shows a network graph of former and current football players and managers related by Google searches with results containing knowledge graph information.">
<h5>How Footballers Relate based on Google Searches</h5>
<img src="/img/preview/footballers-search-relations.jpg" alt="How Footballers Relate based on Google Searches" class="img-responsive">
</a>
</div></div>
<div class="col-md-4 col-lg-2"><div class="well">
<a href="/info/programmers-search-relations/" title="The programmers search relations visualization shows a network graph of programmers related by Google searches with results containing knowledge graph information.">
<h5>How Programmers Relate based on Google Searches</h5>
<img src="/img/preview/programmers-search-relations.jpg" alt="How Programmers Relate based on Google Searches" class="img-responsive">
</a>
</div></div>
<div class="col-md-4 col-lg-2"><div class="well">
<a href="/info/ballon-dor-votes-2012/" title="The Ballon d'Or 2012 visualization shows an interactive network graph of voters and voted players related based on votes cast for the male FIFA Ballon d'Or award in 2012.">
<h5>Who Voted for Whom at Ballon d'Or 2012</h5>
<img src="/img/preview/ballon-dor-votes-2012.jpg" alt="Who Voted for Whom at Ballon d'Or 2012" 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>
CC BY-NC-SA 2014 <a href="http://ramiro.org/">Ramiro Gómez</a> (<a href="https://twitter.com/yaph">@yaph</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', 'exploringdata.github.io');
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-2.1.1.min.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="/js/script.js#v=13"></script>
</body>
</html>