-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
371 lines (368 loc) · 18 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
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
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="CLARIAH Data Stories ― Index">
<meta name="author" content="dataLegend">
<link href="/assets/imgs/clariah-logo-square.png" rel="icon" type="image/png">
<title>CLARIAH Data Stories ― Index</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
<link href="/assets/css/main.css" rel="stylesheet" type="text/css">
<link href="/assets/css/stories.min.css" rel="stylesheet" type="text/css">
</head>
<body class="withNavbar withSink">
<nav class="navbar fixed-top ">
<div class="navbar-content">
<div class="navbar-icon">
<a class="navbar-brand" href="/">
<img alt="CLARIAH Data Stories home" src="/assets/imgs/clariah-logo-square.png">
</a>
</div>
<div class="navbar-title">
<a class="navbar-brand" href="/">CLARIAH Data Stories</a>
</div>
</div>
</nav>
<div class="container">
<div class="row">
<div class="col" style="text-align:center;">
<h1>CLARIAH Data Stories</h1>
<p>The here presented Data Stories are created within the <a href="https://www.clariah.nl/en/" rel="noopener noreferrer" target="_blank">CLARIAH</a> project. Data Stories are live generated over Linked Datasets. The underlying datasets are published in the <a href="https://druid.datalegend.net" rel="noopener noreferrer" target="_blank">Druid</a> data catalogue. Data Stories is developed by <a href="https://triply.cc" rel="noopener noreferrer" target="_blank">Triply</a>.</p>
Special mention to <i><b>[story by student]</b></i> data stories created by history students who had prior to the <a href="https://posthumusinstitute.org/course-data-management-for-historians/">Data Management for Historians</a> course little knowledge of quantitative data other than having worked with MS Excel.
</div>
</div>
<!--
For a new data story copy/paste the section below and edit according to your needs
<div class="row">
<div class="col sink storyBanner">
<a href="./growthAndInequalty" style="text-decoration:none;">
<div class="storyIcon">
[you can add your own image to the folder /assests/imgs/ and adjust the title in the line below]
<img alt="IISG Data Quality story" src="/assets/imgs/iisg.jpg">
</div>
</a>
<div class="storyInfo">
<a href="./template" style="text-decoration:none;">
<div class="storyLabel">My awesome template</div>
</a>
<div class="storyDescription">A template to copy and perfect!</div>
</div>
</div>
</div>
-->
<!-- HISTORY OF WORK -->
<div class="row">
<div class="col sink storyBanner">
<a href="https://druid.datalegend.net/HistoryOfWork/-/stories/historyOfWork" style="text-decoration: none;">
<div class="storyIcon">
<img alt="History of Work: a Linked Open Data collection of historical occupations and occupational measures" src="https://druid.datalegend.net/imgs/avatars/d/5f9201f2e152a1036704b68c.png?v=0">
</div>
</a>
<div class="storyInfo">
<a href="https://druid.datalegend.net/HistoryOfWork/-/stories/historyOfWork" style="text-decoration: none;">
<div class="storyLabel">History of Work</div>
</a>
<div class="storyDescription">A Linked Open Data collection of historical occupations and occupational measures
</div>
</div>
</div>
</div>
<!-- SPANISH FLU -->
<div class="row">
<div class="col sink storyBanner">
<a href="./spanishFluNetherlands" style="text-decoration: none;">
<div class="storyIcon">
<img alt="Spanish Flu in The Netherlands" src="/assets/imgs/flu_map.png">
</div>
</a>
<div class="storyInfo">
<a href="./spanishFluNetherlands" style="text-decoration: none;">
<div class="storyLabel">The 'Spanish' flu in The Netherlands</div>
</a>
<div class="storyDescription">Discover the spatial, temporal, and social distribution of the 1918-19 flu epidemic
</div>
</div>
</div>
</div>
<!-- IISG DIAMOND WORKERS -->
<div class="row">
<div class="col sink storyBanner">
<a href="./iisg/andb-kg" style="text-decoration: none;">
<div class="storyIcon">
<img alt="IISG Diamond Workers" src="/assets/imgs/andb-logo200.png">
</div>
</a>
<div class="storyInfo">
<a href="https://druid.datalegend.net/andb/-/stories/querying-andb-1" style="text-decoration: none;">
<div class="storyLabel">ANDB: Diamond Workers</div>
</a>
<div class="storyDescription">Data story providing an overview of the ANDB diamond workers dataset.
</div>
</div>
</div>
</div>
<!-- ANALYSING STATURE -->
<div class="row">
<div class="col sink storyBanner">
<a href="https://druid.datalegend.net/JettenL/-/stories/GreatDivergence" style="text-decoration: none;">
<div class="storyIcon">
<img alt="Analysing Stature: Europe vs. Asia in the 19th Century" src="https://images.unsplash.com/photo-1567691467665-4cb17b13fc1d?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1744&q=80">
</div>
</a>
<div class="storyInfo">
<a href="https://druid.datalegend.net/JettenL/-/stories/GreatDivergence" style="text-decoration: none;">
<div class="storyLabel">Analysing Stature <i>[story by student]</i> </div>
</a>
<div class="storyDescription">Europe vs. Asia in the 19th Century. By Karin Wienholts, Klaas Krab & Lennart Jetten
</div>
</div>
</div>
</div>
<!-- HISTORICAL GIS - municipality data replication -->
<div class="row">
<div class="col sink storyBanner">
<a href="./replication_map" style="text-decoration: none;">
<div class="storyIcon">
<img alt="Linked Data replication of historical GIS: Roman Catholics per municipality in 1899" src="/assets/imgs/map.png">
</div>
</a>
<div class="storyInfo">
<a href="./replication_map" style="text-decoration: none;">
<div class="storyLabel">Linked Data replication of historical GIS</div>
</a>
<div class="storyDescription">Use open data to replicate historical GIS</div>
</div>
</div>
</div>
<!-- BEHIND BARS -->
<div class="row">
<div class="col sink storyBanner">
<a href="https://druid.datalegend.net/PolinderM/-/stories/DMH2021-Myrthe-Sophie-Wouter" style="text-decoration: none;">
<div class="storyIcon">
<img alt="Behind bars, size matters?" src="https://images.unsplash.com/photo-1516024693578-e0623769b752?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1762&q=80">
</div>
</a>
<div class="storyInfo">
<a href="https://druid.datalegend.net/PolinderM/-/stories/DMH2021-Myrthe-Sophie-Wouter" style="text-decoration: none;">
<div class="storyLabel">Behind bars, size matters? <i>[story by student]</i> </div>
</a>
<div class="storyDescription">Analysing 19th century prisoner stature. By Myrthe Polinder, Sophie Vries & Wouter Raaijmakers.
</div>
</div>
</div>
</div>
<!-- HETEROGENEITY IN IISG FILM META-DATA -->
<div class="row">
<div class="col sink storyBanner">
<a href="https://druid.datalegend.net/IISG/-/stories/film-records-search-vs-LOD" style="text-decoration: none;">
<div class="storyIcon">
<img alt="Heterogeneity in representations of IISG film meta-data" src="https://images.unsplash.com/photo-1515634928627-2a4e0dae3ddf?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=2670&q=80">
</div>
</a>
<div class="storyInfo">
<a href="https://druid.datalegend.net/IISG/-/stories/film-records-search-vs-LOD" style="text-decoration: none;">
<div class="storyLabel">Heterogeneity in representations of IISG film meta-data</div>
</a>
<div class="storyDescription">Traditional vs Linked Open Data search results
</div>
</div>
</div>
</div>
<!-- CODING HISTORICAL OCCUPATIONS -->
<div class="row">
<div class="col sink storyBanner">
<a href="./codingHistoricalOccupations" style="text-decoration:none;">
<div class="storyIcon">
<img alt="The value of occupations story" src="/assets/imgs/work.png">
</div>
</a>
<div class="storyInfo">
<a href="./codingHistoricalOccupations" style="text-decoration:none;">
<div class="storyLabel">The value of occupations</div>
</a>
<div class="storyDescription">Determining ‘high’ and ‘low’ occupations in the past</div>
</div>
</div>
</div>
<!-- AMSTERDAM TIME MACHINE -->
<div class="row">
<div class="col sink storyBanner">
<a href="./clariah-atm" style="text-decoration: none;">
<div class="storyIcon">
<img alt="Amsterdam Time Machine Demo" src="/assets/imgs/atm-screen-logo.png">
</div>
</a>
<div class="storyInfo">
<a href="./clariah-atm" style="text-decoration: none;">
<div class="storyLabel">Amsterdam Time Machine Demonstrator</div>
</a>
<div class="storyDescription">Time travel Amsterdam with linguistic, entertainment and social-economic data
</div>
</div>
</div>
</div>
<!-- GROWTH AND INEQUALITY -->
<div class="row">
<div class="col sink storyBanner">
<a href="./growthAndInequalty" style="text-decoration:none;">
<div class="storyIcon">
<img alt="Growth and Inequality story" src="/assets/imgs/Growth-Inequality.jpg">
</div>
</a>
<div class="storyInfo">
<a href="./growthAndInequalty" style="text-decoration:none;">
<div class="storyLabel">Growth and Inequality</div>
</a>
<div class="storyDescription">Why are some countries rich and others poor?</div>
</div>
</div>
</div>
<!-- STRIKES -->
<div class="row">
<div class="col sink storyBanner">
<a href="./strikes" style="text-decoration:none;">
<div class="storyIcon">
<img alt="Strikes story" src="/assets/imgs/strike.png">
</div>
</a>
<div class="storyInfo">
<a href="./strikes" style="text-decoration:none;">
<div class="storyLabel">Strikes</div>
</a>
<div class="storyDescription">Collective action in times of economic progress?</div>
</div>
</div>
</div>
<!-- WEALTH OF RENAISSANCE -->
<div class="row">
<div class="col sink storyBanner">
<a href="./catasto" style="text-decoration:none;">
<div class="storyIcon">
<img alt="The wealth of the Renaissance story" src="https://upload.wikimedia.org/wikipedia/commons/6/67/Santa_Maria_del_Fiore.jpg">
</div>
</a>
<div class="storyInfo">
<a href="./catasto" style="text-decoration:none;">
<div class="storyLabel">The wealth of the Renaissance</div>
</a>
<div class="storyDescription">How rich were the inhabitants of the Republic of Florence?</div>
</div>
</div>
</div>
<!-- HACK-A-LITTLE -->
<div class="row">
<div class="col sink storyBanner">
<a href="https://druid.datalegend.net/dataLegend/-/stories/hack-a-little" style="text-decoration:none;">
<div class="storyIcon">
<img alt="hack-a-little: mapping the priests" src="https://images.unsplash.com/photo-1603797728232-9df4d29082a3?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=928&q=80">
</div>
</a>
<div class="storyInfo">
<a href="https://druid.datalegend.net/dataLegend/-/stories/hack-a-little" style="text-decoration:none;">
<div class="storyLabel">hack-a-little:Mapping the priests</div>
</a>
<div class="storyDescription">Tracing 16th century monestaries in today's landscape</div>
</div>
</div>
</div>
<!-- WOMEN'S OCCUPATIONS -->
<div class="row">
<div class="col sink storyBanner">
<a href="https://druid.datalegend.net/HistoryOfWork/-/stories/womens-occupations-in-Dutch" style="text-decoration:none;">
<div class="storyIcon">
<img alt="Is there a list of Dutch female occupations?" src="https://images.unsplash.com/photo-1484981138541-3d074aa97716?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1740&q=80">
</div>
</a>
<div class="storyInfo">
<a href="https://druid.datalegend.net/HistoryOfWork/-/stories/womens-occupations-in-Dutch" style="text-decoration:none;">
<div class="storyLabel">Is there a list of Dutch female occupations?</div>
</a>
<div class="storyDescription">A twitter question answered with Linked Open Data</div>
</div>
</div>
</div>
<!-- NETWERK MARITIEME BRONNEN -->
<!-- we no longer offer this story, as we could not agree on the right way to add triples from third parties, whilst
honorouring the third parties' wish to not pay for hosting cost
<div class="row">
<div class="col sink storyBanner">
<a href="/netwerk-maritieme-bronnen/index.html" style="text-decoration: none;">
<div class="storyIcon">
<img alt="Netwerk Maritieme Bronnen story" src="/assets/imgs/netwerk-maritieme-bronnen.png">
</div>
</a>
<div class="storyInfo">
<a href="/netwerk-maritieme-bronnen/index.html" style="text-decoration: none;">
<div class="storyLabel">Demo Netwerk Maritieme Bronnen</div>
</a>
<div class="storyDescription">Data Story on Dutch VOC-ship “'t Vliegend Hart” (Dutch)</div>
</div>
</div>
</div>
-->
<!--CLIO-INFRA Facet Check -->
<div class="row">
<div class="col sink storyBanner">
<a href="/FacetCheck/Clio-Infra/index.html" style="text-decoration: none;">
<div class="storyIcon">
<img alt="Clio-Infra browser" src="/assets/imgs/Clio-Infra.png">
</div>
</a>
<div class="storyInfo">
<a href="/FacetCheck/Clio-Infra/index.html" style="text-decoration: none;">
<div class="storyLabel">Clio-Infra browser</div>
</a>
<div class="storyDescription">A faceted browser over the <a href="https://druid.datalegend.net/dataLegend/Clio-Infra" rel="noopener noreferrer" target="_blank">Clio-Infra Linked Dataset</a>.</div>
</div>
</div>
</div>
<!-- IISG COLLECTIONS KG -->
<div class="row">
<div class="col sink storyBanner">
<a href="./iisg/collection-stories" style="text-decoration: none;">
<div class="storyIcon">
<img alt="IISG Collection stories" src="/assets/imgs/iisg.jpg">
</div>
</a>
<div class="storyInfo">
<a href="./iisg/collection-stories" style="text-decoration: none;">
<div class="storyLabel">IISG Collection Stories</div>
</a>
<div class="storyDescription">Sample stories and queries from the IISG Collections Knowledge Graph.</div>
</div>
</div>
</div>
<!-- HEIGHT AND OCCUPATION IN PORTUGAL -->
<div class="row">
<div class="col sink storyBanner">
<a href="https://druid.datalegend.net/GordijnF/-/stories/Opdracht2Datamanagement" style="text-decoration: none;">
<div class="storyIcon">
<img alt="Development of human stature" src="https://images.unsplash.com/photo-1545303234-705daf879f45?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=772&q=80">
</div>
</a>
<div class="storyInfo">
<a href="https://druid.datalegend.net/GordijnF/-/stories/Opdracht2Datamanagement" style="text-decoration: none;">
<div class="storyLabel">Development of human stature <i>[story by student]</i> </div>
</a>
<div class="storyDescription">Height and occupational structure in 19th century Portugal. By Florian Herrendorf and Femke Gordijn. <i>[in Dutch]</i>
</div>
</div>
</div>
</div>
<!-- IISG DATA QUALITY CHECK -->
<div class="row">
<div class="col sink storyBanner">
<a href="./iisg/collections-data-quality" style="text-decoration: none;">
<div class="storyIcon">
<img alt="IISG Data Quality story" src="https://images.unsplash.com/photo-1488229297570-58520851e868?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1738&q=80">
</div>
</a>
<div class="storyInfo">
<a href="./iisg/collections-data-quality" style="text-decoration: none;">
<div class="storyLabel">IISG Data Quality</div>
</a>
<div class="storyDescription">Data story providing a detailed and repeatable overview of the data quality of the IISG Knowledge Graph.</div>
</div>
</div>
</div>