-
Notifications
You must be signed in to change notification settings - Fork 17
/
Copy pathindex.html
209 lines (202 loc) · 12.2 KB
/
index.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
<!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">
<link rel="canonical" href="https://exploring-data.com/">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/solid.min.css" integrity="sha512-/r+0SvLvMMSIf41xiuy19aNkXxI+3zb/BN8K9lnDDWI09VM0dwgTMzK7Qi5vv5macJ3VH4XZXr60ip7v13QnmQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link href="/css/style.css" rel="stylesheet">
<link rel="shortcut icon" href="/favicon.ico">
<link rel="alternate" type="application/rss+xml" title="Exploring Data RSS feed" href="https://exploring-data.com/rss.xml">
</head>
<body class="">
<nav class="navbar navbar-expand-lg bg-body-tertiary">
<div class="container-fluid">
<a class="navbar-brand" href="/">
<img src="/img/exploring-data.png" alt="Logo" width="30" height="24" class="d-inline-block align-text-top">
Exploring Data
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-content" aria-controls="navbar-content" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbar-content">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item"><a class="nav-link" href="/data-visualization-books/">📕 Data Books</a></li>
<li class="nav-item"><a class="nav-link" href="/prints/">🛒 Prints</a></li>
<li class="nav-item"><a class="nav-link" href="/datasearch/">🔍 Search for Data</a></li>
<li class="nav-item"><a class="nav-link" href="/sitemap/">📄 Sitemap</a></li>
</ul> </div>
</div>
</nav>
<div class="container-fluid">
<div class="row">
<div class="col-md-6 col-lg-3">
<div class="card mt-2">
<a href="/vis/volcanoes-globe/" title="Read more">
<img class="card-img-top object-fit-scale" src="/img/preview/volcanoes-globe.png" alt="Volcanoes of Planet Earth">
</a>
<div class="card-body">
<h5 class="card-title">Volcanoes of Planet Earth</h5>
<p class="card-text">A 3D globe showing a selection of volcanoes on planet earth.</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="card mt-2">
<a href="/map/world/co2-emissions/" title="Read more">
<img class="card-img-top object-fit-scale" src="/img/preview/co2-emissions-2014.png" alt="World Map of Countries by CO2 Emissions per Capita from 1960 to 2014">
</a>
<div class="card-body">
<h5 class="card-title">World Map of Countries by CO2 Emissions per Capita from 1960 to 2014</h5>
<p class="card-text">These choropleth maps show CO2 emissions in metric tons per capita from 1960 to 2014 based on data from the Carbon Dioxide Information Analysis Center and Oak Ridge National Laboratory.</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="card mt-2">
<a href="/map/world/forest-area/" title="Read more">
<img class="card-img-top object-fit-scale" src="/img/preview/forest-area-2016.png" alt="World Map of Countries by Forest Area Percentage of Land Area">
</a>
<div class="card-body">
<h5 class="card-title">World Map of Countries by Forest Area Percentage of Land Area</h5>
<p class="card-text">These choropleth maps show the forest area percentage of land area for the world's countries from 1990 to 2016 based on data from the Food and Agriculture Organization.</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="card mt-2">
<a href="/info/mentor-author-graph/" title="Read more">
<img class="card-img-top object-fit-scale" src="https://exploring-data.com/img/preview/mentor-author-graph.png
" alt="Network Graph of Book Recommendations from Tribe of Mentors">
</a>
<div class="card-body">
<h5 class="card-title">Network Graph of Book Recommendations from Tribe of Mentors</h5>
<p class="card-text">The Graph of Mentors, Books and Authors visualizes book recommendations from the book Tribe Of Mentors by Tim Ferriss and his interviewees.</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="card mt-2">
<a href="/vis/mentor-author-graph/" title="Read more">
<img class="card-img-top object-fit-scale" src="https://exploring-data.com/img/preview/mentor-author-graph.png
" alt="Graph of Mentors, Books and Authors">
</a>
<div class="card-body">
<h5 class="card-title">Graph of Mentors, Books and Authors</h5>
<p class="card-text">An interactive network graph consisting of authors, books and mentors based on recommendations in the book Tribe Of Mentors by Tim Ferriss and his interviewees.</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="card mt-2">
<a href="/vis/big-sister-cities/" title="Read more">
<img class="card-img-top object-fit-scale" src="https://exploring-data.com/img/preview/big-sister-cities.png
" alt="Graph of Big Sister Cities With +1 Million Inhabitants">
</a>
<div class="card-body">
<h5 class="card-title">Graph of Big Sister Cities With +1 Million Inhabitants</h5>
<p class="card-text">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.</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="card mt-2">
<a href="/vis/spaghetti-western-actors-dbpedia/" title="Read more">
<img class="card-img-top object-fit-scale" src="https://exploring-data.com/img/preview/spaghetti-western-actors-dbpedia-graph.png
" alt="Spaghetti Western Actors Network Graph DBpedia">
</a>
<div class="card-body">
<h5 class="card-title">Spaghetti Western Actors Network Graph DBpedia</h5>
<p class="card-text">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.</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="card mt-2">
<a href="/vis/programming-languages-influence-network-2014/" title="Read more">
<img class="card-img-top object-fit-scale" src="/img/preview/programming-languages-influence-network-2014.png" alt="Programming Languages Influence Network 2014">
</a>
<div class="card-body">
<h5 class="card-title">Programming Languages Influence Network 2014</h5>
<p class="card-text">An interactive network graph showing the connections of programming languages based on their influences with language and language paradigm highlighting rendered with sigma.js and preprocessed with Gephi.</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="card mt-2">
<a href="/vis/ballon-dor-male-players-votes-2013/" title="Read more">
<img class="card-img-top object-fit-scale" src="/img/preview/ballon-dor-male-players-2013.jpg" alt="Ballon d'Or 2013 Male Players Votes Network">
</a>
<div class="card-body">
<h5 class="card-title">Ballon d'Or 2013 Male Players Votes Network</h5>
<p class="card-text">An interactive network graph showing the connections between voters and voted male football players from the male FIFA Ballon d'Or vote 2013.</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="card mt-2">
<a href="/map/world/intentional-homicides/" title="Read more">
<img class="card-img-top object-fit-scale" src="/img/preview/intentional-homicides.png" alt="World Map of Intentional Homicides">
</a>
<div class="card-body">
<h5 class="card-title">World Map of Intentional Homicides</h5>
<p class="card-text">A series of geographic Choropleth maps showing the number of intentional homicides by country per 100,000 people. Created using World Bank data and d3.geomap.</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="card mt-2">
<a href="/vis/npm-top-packages-dependencies/" title="Read more">
<img class="card-img-top object-fit-scale" src="/img/preview/npm-packages-dependencies.min10.jpg" alt="npm Top Packages Dependencies Graph">
</a>
<div class="card-body">
<h5 class="card-title">npm Top Packages Dependencies Graph</h5>
<p class="card-text">An interactive network graph showing the dependencies between npm packages, with at least 10 dependent packages, as of July 12, 2013 rendered with sigma.js and preprocessed with Gephi.</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="card mt-2">
<a href="/vis/npm-packages-dependencies/" title="Read more">
<img class="card-img-top object-fit-scale" src="/img/preview/npm-packages-dependencies.jpg" alt="npm Packages Dependencies Graph">
</a>
<div class="card-body">
<h5 class="card-title">npm Packages Dependencies Graph</h5>
<p class="card-text">An interactive network graph showing the dependencies between npm packages as of July 12, 2013 rendered with sigma.js and preprocessed with Gephi.</p>
</div>
</div>
</div>
</div>
</div>
<div id="footer" class="container-fluid">
<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="https://ramiro.org/">Ramiro Gómez</a>.</p>
</footer>
</div>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-448ZHXENT0"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-448ZHXENT0');
</script> <script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/js/fontawesome.min.js" integrity="sha512-NeFv3hB6XGV+0y96NVxoWIkhrs1eC3KXBJ9OJiTFktvbzJ/0Kk7Rmm9hJ2/c2wJjy6wG0a0lIgehHjCTDLRwWw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/js/solid.min.js" integrity="sha512-L2znesU64H/rvdnaD4WBaRAmEcGvhBsVLXygPkhpgpUwcgjymD4amy68shdgZgLiIvyvV/vHRXAM4mTV8xqp+Q==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="/js/script.js"></script>
</body>
</html>