-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
438 lines (353 loc) · 24.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
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
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
<!doctype html>
<html lang="de">
<head>
<meta charset="utf-8">
<title>Fontanes Handbibliothek</title>
<meta name="viewport" content="user-scalable=yes">
<meta name="description" content="Eine explorative Visualisierung von Lese- und Schriftspuren in Theodor Fontanes Handbibliothek mit der Datenerschließung des Theodor Fontane Archivs." />
<meta property="og:url" content="https//uclab.fh-potsdam.de/ff" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Theodor Fontanes Handbiblitothek" />
<meta property="og:description" content="Eine explorative Visualisierung von Lese- und Schriftspuren in Theodor Fontanes Handbibliothek mit der Datenerschließung des Theodor Fontane Archivs." />
<meta property="og:image" content="https://uclab.fh-potsdam.de/wp/wp-content/uploads/02-1-2048x1191.jpg" />
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@uclab_potsdam">
<meta name="twitter:creator" content="@uclab_potsdam">
<meta name="twitter:title" content="Reading Traces – Visualizing Fontane’s reference library">
<meta name="twitter:description" content="A scalable visualization of Fontane’s marginalia and markings in his personal reference library—from the level of authors to books and individual pages. The prototype was created during a research collaboration with the Theodor Fontane Archive.">
<meta name="twitter:image" content="https://uclab.fh-potsdam.de/wp/wp-content/uploads/02-1-2048x1191.jpg">
<script src="js/d3.v5.min.js"></script>
<script src="js/jquery.min.js"></script>
<script src="js/select2.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/select2.css">
<link rel="stylesheet" href="css/style.css">
<!-- Copyright (c) 2018-2020, Mark-Jan Bludau, UCLAB (FH Potsdam) & Theodor-Fontane-Archiv Potsdam.
Reading Traces: uclab.fh-potsdam.de/ff
ISC License
Permission to use, copy, modify, and/or distribute this software for any purpose with or without fee is hereby granted,
provided that the above copyright notice and this permission notice appear in all copies.
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED
WARRANTIES OF MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, INDIRECT, OR
CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT,
NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE. -->
</head>
<body>
<div id="header">
<div id="headerIcons">
<img alt="Teile die Ansicht" title="Teile die Ansicht" id="iconshare" src="icons/icon-share.svg" class="headericons">
<img alt="Hilfe" id="tippIcon" title="Hilfe" src="icons/icon-tipps.svg" class="headericons">
<img alt="Mehr Infos" id="aboutIcon" title="Mehr Infos" src="icons/icon-info.svg" class="headericons">
<div class="sharebubble" style="display: none;"><input type="text" value="https://uclab.fh-potsdam.de/ff" id="shareInput"><button class="sharecopybutton" onclick="shareFunction()">URL KOPIEREN</button></div>
<div class="tippbubble" style="display: none;">
<div class="tipp1">
<img src="img/scrolling.gif" width="100%" style="margin-top:5px; margin-bottom:5px">
<p><span class="tipptexts">Scrolle hoch, um die Gesamtverteilung von Lesespuren je Autor*in zusammengefasst zu betrachten oder scrolle hinunter, um in die Werke einzelner Autor*innen hinein zu zoomen. Nutze alternativ die
Navigations-Leiste am linken Seitenrand.</span></p>
<p class="nachherTipp tippsende">Okay!</p>
</div>
</div>
<div class="explicationbubble bubble" style="display: none">
<p>Lesespuren: Visualisierung basierend auf sequentieller Anordnung der Bücher und Seiten geordnet nach Verfasser*innen.</p>
</div>
<div class="complicationbubble bubble" style="display: none">
<p>Ähnlichkeiten: visuelle Anordnung basierend auf einer Ähnlichkeitsanalyse der Lesespuren verschiedener Bücher und Verfasser*innen.</p>
</div>
<div class="verfasserbubble bubble" style="display: none">
<p>Verteilung der Lesespuren in allen Büchern eines*einer Autor*in abschnittsweise von Buchanfang (oben) bis Buchende (unten) in Form von Flächendiagrammen.</p>
</div>
<div class="buchbubble bubble" style="display: none">
<p>Übersicht aller Bücher (je ein Balken), geordnet nach Autor*innen.</p>
</div>
<div class="seitenbubble bubble" style="display: none">
<p>Zoom in die Visualisierung, zur gezielten Auswahl einzelner Seiten.</p>
</div>
<div class="search-container">
<div id="search"></div>
</div>
</div>
<h1>Fontanes Handbibliothek</h1>
<svg id="legend">
</svg>
</div>
<svg id="svg"></svg>
<svg id="complicationsvg"></svg>
<div id="scrollnavi">
<svg id="scrollSvg"></svg>
</div>
<div class="piedetailview">
<div class="piedetailviewclose">✕</div>
<div class="tooltipImage"></div>
<table class="tg">
<tr>
<p class="tooltipTitle"></p>
</tr>
<tr class="tr-verfasser">
<td class="tooltiptypes">Verfasser:</td>
<td class="tt-verfasser tt-data"></td>
</tr>
<tr class="tr-herausgeber">
<td class="tooltiptypes">Herausgeber:</td>
<td class="tt-herausgeber tt-data"></td>
</tr>
<tr class="tr-verlag">
<td class="tooltiptypes">Verlag:</td>
<td class="tt-verlag tt-data"></td>
</tr>
<tr class="tr-genre">
<td class="tooltiptypes">Genre:</td>
<td class="tt-genre tt-data"></td>
</tr>
<tr class="tr-datierung">
<td class="tooltiptypes">Datierung:</td>
<td class="tt-datierung tt-data"></td>
</tr>
<tr class="tr-ort">
<td class="tooltiptypes">Ort:</td>
<td class="tt-ort tt-data"></td>
</tr>
<tr class="tr-schreibhand">
<td class="tooltiptypes">Marginalien-Schreibhände:</td>
<td class="tt-schreibhand tt-data"></td>
</tr>
<tr class="tr-seitenzahl">
<td class="tooltiptypes tt-seitenzahl1">Seitenzahl:</td>
<td class="tt-seitenzahl tt-data"></td>
</tr>
<tr class="seitenmitlesespuren">
<td class="tooltiptypes">Seiten mit Lesespuren:</td>
<td class="tt-seitenmitlesespuren tt-data"></td>
</tr>
<tr class="eigentumsangaben">
<td class="tooltiptypes">Provenienzangaben:</td>
<td class="tt-provenienz tt-data"></td>
</tr>
<tr class="provenienz">
<td class="tooltiptypesb">Schriftl. Provenienzangaben:</td>
<td class="tt-provenienzangaben tt-data"></td>
</tr>
<tr class="provenienzstempel">
<td class="tooltiptypesb">Provenienz-Stempel:</td>
<td class="tt-provenienzstempel tt-data"></td>
</tr>
<tr class="marginalien">
<td class="tooltiptypes">Marginalien:</td>
<td class="tt-marginalien tt-data"></td>
</tr>
<tr class="bewertung">
<td class="tooltiptypesb">Bewertungen:</td>
<td class="tt-bewertung tt-data"></td>
</tr>
<tr class="kommentar">
<td class="tooltiptypesb">Kommentare:</td>
<td class="tt-kommentar tt-data"></td>
</tr>
<tr class="textkorrektur">
<td class="tooltiptypesb">Textkorrekturen:</td>
<td class="tt-textkorrektur tt-data"></td>
</tr>
<tr class="variante">
<td class="tooltiptypesb">Varianten:</td>
<td class="tt-variante tt-data"></td>
</tr>
<tr class="uebersetzung">
<td class="tooltiptypesb">Übersetzung:</td>
<td class="tt-uebersetzung tt-data"></td>
</tr>
<tr class="markierungen">
<td class="tooltiptypes">Markierungen:</td>
<td class="tt-markierungen tt-data"></td>
</tr>
<tr class="unterstreichung">
<td class="tooltiptypesb">Unterstreichungen:</td>
<td class="tt-unterstreichung tt-data"></td>
</tr>
<tr class="anstreichung">
<td class="tooltiptypesb">Anstreichungen:</td>
<td class="tt-anstreichung tt-data"></td>
</tr>
<tr class="durchstreichung">
<td class="tooltiptypesb">Durchstreichungen:</td>
<td class="tt-durchstreichung tt-data"></td>
</tr>
<tr class="sonstigeMarkierung">
<td class="tooltiptypesb">Sonstige Markierungen:</td>
<td class="tt-sonstigeMarkierung tt-data"></td>
</tr>
<tr class="zusatzMaterial">
<td class="tooltiptypes">Zusätzliches Material:</td>
<td class="tt-zusatzMaterial tt-data"></td>
</tr>
<tr class="anderes">
<td class="tooltiptypes">Anderes:</td>
<td class="tt-anderes tt-data"></td>
</tr>
</table>
<p class="tooltiptypes tt-transkriptionentitel">Marginalien-Transkriptionen:</p>
<p class="tooltiptypes tt-bio">Verfasser*innen Biographie:</p>
<p class="tt-transkriptionen tr-transkriptionen"></p>
</div>
<div id="container">
</div>
</div>
<div id="overlay"></div>
<div id="start">
<div class="about-close">✕</div>
<div class="start-content">
<h3 class="german">FONTANES HANDBIBLIOTHEK VISUALISIERT</h3>
<h3 class="english" style="display:none">FONTANE’S AUTHOR’S LIBRARY VISUALIZED</h3>
<p id="germanIntro" class="english" style="display:none">(zurück zur deutschen Einführung)</p>
<p id="englishIntro" class="german">(switch to English introduction)</p>
<p class="german">Was liest Theodor Fontane? Und wie liest er? Kann man Fontane als Nutzer seiner Bibliothek charakterisieren? Liest Fontane Goethe intensiver als Schiller? Und präsentiert sich Fontane als genauso kritischer Leser seiner
eigenen wie fremder
Werke?</p>
<p class="english" style="display:none">What did Theodor Fontane read? How did he read? Could one characterise Fontane as a user of his own library? Did Fontane read Goethe more intensively than Schiller? And did Fontane present himself as an
equally critically reader of his own and other’s work?</p>
<p class="german">›Fontanes Handbibliothek‹ umschreibt einen 155 Bände umfassenden Teilbestand aus Fontanes eigenem Besitz, der heute im Theodor-Fontane-Archiv in Potsdam bewahrt wird. Fontane hat diese Bücher selbst in Händen gehalten und mit
ihnen
gearbeitet. Dies zeigt sich in zahlreichen Marginalien und Markierungen, die er während der Lektüre vorgenommen hat und welche in dieser Visualisierung zum ersten Mal auch in transkribierter Form erforscht werden können.</p>
<p class="english" style="display:none">›Fontanes Handbibliothek‹ (Fontane’s reference library) transcribes the 155 volume partial-collection, once in Fontane’s possession, which is now preserved in the Theodor Fontane Archive in Potsdam.
Fontane held these books, he worked with them. This becomes apparent in the numerous marginalia and markings he made while reading, which can be investigated for the first time in transcribed form with this visualization.</p>
<p class="german">Alle 155 Bände wurden hierfür bibliographisch erfasst und jede Einzelseite digitalisiert. Die ca. 64.000 Digitalisate dieser Sammlung dienen als Basis für eine interaktive Visualisierung, die neuartige Perspektiven auf die
Autorenbibliothek
eröffnen, sie benutz- und erkundbar machen soll.</p>
<p class="english" style="display:none">All 155 volumes were bibliographically captured and every page was digitalised. The approximately 64,000 digital scans in this collection served as the basis for an interactive visualization, which will
open novel perspectives into writers’ libraries and make them usable and explorable.</p>
<p class="german">Diese Visualisierung ist eine Kooperation zwischen dem Theodor-Fontane Archiv Potsdam und dem UCLAB an der Fachhochschule Potsdam. Sie ist prototypisch und optimiert für die Nutzung mit den aktuellen Browser-Versionen von
Chrome, Firefox,
Opera, Safari und Edge und eine Auflösung von mindestens 1024x768 px.</p>
<p class="english" style="display:none">The visualisation is a co-operation between the Theodor Fontane Archive Potsdam and the UCLAB at the University of Applied Sciences Potsdam. It is prototypical and is optimized for use with the latest
versions of Chrome, Firefox, Opera, Safari and Edge and with a resolution of 1024x768 px. <strong>The visualization itself and its content are currently only available in German. For a detailed English explanation of its functionalities
please watch the demo video below!</strong></p>
<div id="vielspass">
<h2>Zur Visualisierung</span></h2>
</div>
<div id="einfuerunginvis">
<h2>Wie funktioniert’s?</h2>
</div>
<div id="englishdemo">
<h2>Demo Video</h2>
</div>
<div id="mehrinfos">
<h2>Impressum</h2>
</div>
</div>
</div>
<div id="tutorial" class="tutorial">
<div class="about-close">✕</div>
<h1>WIE FUNKTIONIERT DIE VISUALISIERUNG?</h1>
<h2>Zwei Modi: Lesespuren vs. Ähnlichkeiten</h2>
<p>Die Visualisierung ermöglicht den Wechsel zwischen zwei Modi mit je unterschiedlichen Schwerpunkten. Während der erste Modus (Startseite) die Verteilung der Lesespuren entlang einer linearen Lesereihenfolge der Bücher anordnet und
visualisiert, wird im zweiten Modus die quantitative Verteilung von Lesespuren verglichen. Ein Klick auf die Buttons am oberen Rand der linken Navigationsleiste wechselt die Ansicht unter Beibehaltung der aktuellen Selektionen und Filterungen.</p>
<img src="img/moduswechsel.gif" width="75%">
<div class="modus1">
<h2>MODUS I: LESESPUREN<h2>
<h2>Wechsle zwischen drei Ansichten</h2>
<p>Das entwickelte Visualisierungskonzept legt einenFokus auf die kontinuierliche, auf mehreren Ebenen zoom- und filterbare, Navigation, welche die Erkundung einzelner Objekte ebenso zulässt wie den Vergleich von übergreifenden Mustern.
Scrollen nach oben oder nach unten ermöglicht dabei kontinuierliche, sinnhafte Übergänge zwischen drei Ebenen, startend mit einer Gesamtübersicht über alle Bücher der Sammlung (Buch-Ebene).
Alternativ zum Scrollen kann auch die Navigationsleiste am linken Rand benutzt werden um zwischen den Ebenen zu navigieren. Ein Klick auf eine*n Autor*in ermöglicht zudem einen direkten Zoom in deren/dessen Werke.
</p>
<img src="img/tutorial03.png" width="100%">
<img src="img/scrolling.gif" width="75%" style="margin-top:30px; margin-bottom:20px"><br>
<h2>Filterung und Entfaltung von Details</h2>
<p>Eine Filterleiste über der Visualisierung dient als Legende für die Farbkodierung und bietet die Möglichkeit zur Fokussierung auf bestimmte Lesespur-Typen. Die Auswahl eines Lesespur-Typs löst die Entfaltung der entsprechenden
Unterkategorien in der Filterleiste aus und ermöglicht eine Fokussierung auf ausgewählte Merkmale.</p>
<p>Die Auswahl eines Buches entfaltet abhängig von der aktuellen Zoom-Ebene zusätzliche Details.
Die Bücher sind nach Verfasser*innen geordnet, wobei alle Verfasser*innen mit weniger als zwei Büchern in der Sammlung unter »Sonstige« zusammengefasst sind. Klicke auf eine*n Verfasser*in, um in die
zugehörigen Bücher hineinzuzoomen. Klicke dann auf ein Buch, um die Details zu diesem Buch zu entfalten.
Neben Fontane haben auch seine Familie, Freunde und Verleger Schriftspuren in seinen Büchern hinterlassen. Um den/die Verfasser*in einer Schriftspur zu erkennen, gehe nach Selektion eines Buches auf der »Seiten-Ebene« (untere Ebene) mit
deiner Maus über die Pfeile/Kreise vor den Transkriptionen. Ein Klick auf eine Seite öffnet die Detailansicht mit einer Abbildung der Originalseite.</p>
<img src="img/filter.gif" width="75%"><br>
<img src="img/selection.gif" width="75%" style="margin-top:30px">
<h2>Suche</h2>
<p>Mit Hilfe eines Suchfeldes, welches gleichzeitig als Übersichtsliste aller Marginalien (geordnet nach Anzahl des Vorkommens) dient, kann man gezielt nach bestimmten Lesespuren wie z.B. »gut« oder »brillant« suchen und sich diese direkt
in der Visualisierung anzeigen lassen.</p>
<img src="img/suche.gif" width="75%">
<h2>Weitere Nutzungshinweise</h2>
<p>Nutze die ESC-Taste auf deiner Tastatur, um die Visualisierung und alle Filter zurückzusetzen.
Zudem wird jede Ansicht, Position und Auswahl in der URL kodiert. Kopiere die URL oder nutze den »Teilen«-Button, um eine bestimmte Ansicht zu teilen.</p>
</div>
<div class="modus2">
<h2>MODUS II: ÄHNLICHKEITEN<h2>
<p>Im aktuell ausgewählten Modus, einer Visualisierung zum Ähnlichkeitsvergleich, werden Bücher oder Autor*innen anhand des Vorkommens von Lesespuren (basierend auf multidimensionaler Skalierung) angeordnet und können so verglichen werden.
In der Visualisierung lässt sich durch Scrolling bzw. mit Hilfe der Navigationsleiste zwischen beiden Ebenen nahtlos navigieren und in die Ansichten hineinzoomen.
Bücher oder Autor*Innen mit ähnlichen Schriftspuren (Anzahl und Arten) liegen hier nahe beieinander, was dazu führt, dass außergewöhnliche Bücher eher am äußeren Rand positioniert werden und solche mit eher durchschnittlichen Lesespuren
sich in der Mitte sammeln.
</p>
<img src="img/scrolling_complication.gif" width="75%" style="margin-top:30px; margin-bottom:20px"><br>
<img src="img/complication_beispiel.jpg" width="75%">
<h2>Bücher:</h2>
<p>Auf der Ebene der Bücher werden Anzahl und Arten der Lesespuren zwischen allen Büchern verglichen und die Bücher entsprechend ihrer Ähnlichkeiten zueinander auf der Fläche angeordnet, wodurch Bücher mit ähnlichen Lesespuren in der Nähe
zueinander positioniert werden. Ein Klick auf ein Buch hebt alle Bücher der gleichen Person hervor und markiert den durchschnittlichen Wert aller Bücher durch ein Netzwerk. Weiterhin öffnet der Klick eine Leiste mit zusätzlichen
Detailinformationen für das ausgewählte Buch inklusive aller Marginalien. Ein Klick auf eine Marginalien-Transkription in der Detail-Leiste öffnet die zugehörige Detailansicht der Seite, auf der die Marginalie vorkommt.</p>
<img src="img/buch_complication.gif" width="75%">
<h2>Autor*innen:</h2>
<p>Auf der Ebene der Autor*innen wird das durchschnittliche Vorkommen von Lesespuren in allen Büchern der Autor*innen in einer ähnlichkeitsbasierten Ansicht angeordnet, sodass Autor*innen mit ähnlichen Mengen und Arten von Lesespuren nahe
beieinander positioniert sind.
Ein Klick auf eine*n Autor*in öffnet eine Detailansicht, welche einen Überblick über die vorkommenden Lesespuren gibt, die Cover aller Bücher der ausgewählten Autor*innen und eine Kurzbiographie zeigt.
</p>
<img src="img/autor_complication.gif" width="75%">
<h2>Filterung</h2>
<p>Eine Filterleiste über der Visualisierung dient als Legende für die Farbkodierung und bietet die Möglichkeit zur Fokussierung auf bestimmte Lesespur-Typen. Die Auswahl eines Lesespur-Typs löst die Entfaltung der entsprechenden
Unterkategorien in der Filterleiste aus und ermöglicht eine Fokussierung auf ausgewählte Merkmale.</p>
<img src="img/filter_complication.gif" width="75%">
<h2>Weitere Nutzungshinweise</h2>
<p>Nutze die ESC-Taste auf deiner Tastatur, um die Visualisierung und alle Filter zurückzusetzen.
Zudem wird jede Ansicht, Position und Auswahl in der URL kodiert. Kopiere die URL oder nutze den »Teilen«-Button, um eine bestimmte Ansicht zu teilen.</p>
</div>
</div>
<div id="about">
<div class="about-close">✕</div>
<div class="about-content">
<h1>ÜBER DAS PROJEKT</h1>
<table class="tg">
<tr>
<td>
<h2>Das Projekt</h2>
<p>Diese Visualisierung ist eine Kooperation zwischen dem <a href="https://www.fontanearchiv.de/forschung/fontanes-handbibliothek" target="_blank">Theodor-Fontane-Archiv Potsdam</a> und dem <a href="https://uclab.fh-potsdam.de/projects/reading-traces/"
target="_blank">UCLAB an der Fachhochschule Potsdam</a>.</p>
<br>
<h2>Projekt-Team UCLAB</h2>
<p>Design und Entwicklung: <a href="https://uclab.fh-potsdam.de/people/mark-jan-bludau/" target="_blank">Mark-Jan Bludau</a></p>
<p>Wissenschaftliche Betreuung & Recherche: <a href="https://uclab.fh-potsdam.de/people/viktoria-brueggemann/" target="_blank">Viktoria Brüggemann</a></p>
<p>Wissenschaftliche Leitung: <a href="https://uclab.fh-potsdam.de/people/marian-doerk/" target="_blank">Prof. Dr. Marian Dörk</a></p>
<br>
<h2>Projekt-Team Theodor-Fontane-Archiv</h2>
<p>Projektkoordination: <a href="https://www.fontanearchiv.de/theodor-fontane-archiv/team/dr-anna-busch/" target="_blank">Dr. Anna Busch</a></p>
<p>Forschungsdatenmanagement: <a href="https://www.fontanearchiv.de/theodor-fontane-archiv/team/dr-sabine-seifert/" target="_blank">Dr. Sabine Seifert</a></p>
<p>Datenerschließung: <a href="https://www.fontanearchiv.de/theodor-fontane-archiv/team/dr-anna-busch/" target="_blank">Dr. Anna Busch</a>, Kristina Genzel, Luisa Billepp, Tabea Klaus &
Anke Reintsch
</p>
<p>Projektleitung: <a href="https://www.fontanearchiv.de/theodor-fontane-archiv/team/prof-dr-peer-trilcke/" target="_blank">Prof. Dr. Peer Trilcke</a></p>
<br>
<p><a href="https://uclab.fh-potsdam.de/imprint/" target="_blank">Impressum und Datenschutz</a></p>
</td>
<td>
<h2>Verwendete Webtechnologien</h2>
<p>HTML5, CSS, Canvas, D3.js, jQuery</p>
<p>Weitere Informationen und den Quellcode finden sich in der <a href="https://github.com/tfalab/fontanes_library" target="_blank">Projektdokumentation auf GitHub</a>.</p><br>
<h2>Ausgewählte Publikationen</h2>
<p><a href="https://doi.org/10.1111/cgf.13964" target="_blank">Reading Traces: Scalable Exploration in Elastic Visualizations of Cultural Heritage Data, in: Computer Graphics Forum (Proc. EuroVis) 39(3), 2020
</a></p>
<p><a href="https://dev.clariah.nl/files/dh2019/boa/0490.html" target="_blank">Scalable Exploration. Prototype Study For The Visualization Of An Author’s Library On The Example Of 'Theodor Fontane’s Library', in: Book of Abstracts of the
Digital Humanities conference (DH) 2019: Complexities. Utrecht (The Netherlands), 2019</a></p>
<p><a href="https://uclab.fh-potsdam.de/wp/wp-content/uploads/dhd2019_abstract_fontane.pdf" target="_blank">Skalierbare Exploration.
Prototypenstudie zur Visualisierung einer Autorenbibliothek am Beispiel der ›Handbibliothek Theodor Fontanes‹, in: Konferenzband zur DHd 2019 Frankfurt & Mainz - Digital Humanities: multimedial & multimodal, 2019</a></p>
</td>
</tr>
</table>
<a href="https://uclab.fh-potsdam.de" target="_blank"><img src="icons/logo-uclab.svg" height="50px" style="margin-right:30px"></a>
<a href="https://www.fh-potsdam.de" target="_blank"><img src="icons/fhp-logo.svg" height="30px" style="margin-right:10px; margin-bottom:20px"></a>
<a href="https://www.fontanearchiv.de" target="_blank"><img src="icons/fontane-logo.svg" height="40px" style="margin-bottom:20px; margin-right:10px"></a>
<a href="https://www.uni-potsdam.de/" target="_blank"><img src="icons/unipotsdam.svg" height="80px" style="margin-top:0px"></a>
</div>
</div>
<div id="detailview">
<div class="about-close">✕</div>
</div>
<div class="detailviewPrevious" style="display: none"></div>
<div class="detailviewNext" style="display: none"></div>
<script src="js/config.js"></script>
<script src="js/legend.js"></script>
<script src="js/script.js"></script>
</body>
</html>