Informationen sind verschieden und müssen deshalb auch unterschiedlich dargestellt werden. Eine schon vorgestellte Art, wie Informationen präsentiert werden können, waren die Treemaps. Diese sind besonders gut geeignet, geschachtelte, hierarchische Strukturen darzustellen. Ereignisse benötigen eine andere Art der Darstellung – Zeitleisten.
Zeitleisten sind hervorragend geeignet, um Ereignisse über die Zeit darzustellen. Zeitleisten gibt es in verschiedenen Formen und Arten und – sind natürlich nicht neu. Nun hat auch Facebook (http://www.facebook.com/about/timeline) Zeitleisten für sich entdeckt.
Einige einfache Beispiele für grafische Zeitleisten sind die „Timeline für Computersprachen“ (http://www.levenez.com/lang/) und die „Unix-Timeline“ (http://www.levenez.com/unix/). Ein umfangreicheres Beispiel zur Darstellung von wichtigen Ereignissen der Weltgeschichte in einem sogenannten Zeitatlas ist Peters Synchronoptische Weltgeschichte. In diesem monumentalen Werk wird neben der reinen, zeitlichen Darstellung auch die Gleichzeitigkeit von Ereignissen visualisiert (z. B.: Tafel A, Tafel B). Mittlerweile gibt es hiervon auch eine digitale Form: Der Digitale Peters, http://www.derdigitalepeters.de/.
Schön wäre es nun, Zeitleisten auch auf der eigenen Webseite einsetzen zu können. Wie können diese erzeugt und grafisch ansprechend im Web präsentiert werden? Welche Tools existieren?
Eine kurze Übersicht mit Beispielen:
- Tool auf der Kommandozeile
– TimelineSetter: http://propublica.github.com/timeline-setter/
Beispiel: http://timelines.latimes.com/bell/ - Timeline as a Service
– Tiki-Toki: http://www.tiki-toki.com/
Beispiel: http://www.number10.gov.uk/history-and-tour/prime-ministers-in-history/
– Dipity: dipity.com – Dipity hat seinen Service eingestellt
Alternativen finden sich unter: https://dropinblog.com/blog/what-happened-to-dipity-com/ - Modul für die eigene Webseite:
– jQuery-Timelinr: http://plugins.jquery.com/project/timelinr
Beispiel: http://csslab.cl/ejemplos/timelinr/latest/horizontal.html
– Simile-Widgets: http://www.simile-widgets.org/timeline/
Beispiel: http://www.shmula.com/google-microsoft-yahoo-amazon-acquisitions/3115/
– Timeglider: http://timeglider.com/jquery/
Beispiel: http://timeglider.com/jquery/large.html
Die Ergebnisse bei allen vorgestellten Wegen sind Zeitleisten ohne Flash. Dies hat den Vorteil, dass diese auch auf iOS Geräten angezeigt werden können. Wer sich die Flexibilität erhalten möchte, die Zeitleisten aus eigenen Datenbanken füllen möchte oder um die Zeitleisten eigenen Code erstellen möchte, setzt auf Module.
Wer eine weitere Auswahl sucht, wird evtl. fündig bei folgenden Listen:
- Zusammenstellung von 10 Online-Tools
http://blog.medpaed.de/tag/zeitleiste/ - Tools to create Timeline and Map Timedata
http://www.demoscience.org/resources/category/28
Ein Beispiel mit Daten aus der UDE gibt es im nächsten Artikel.
Kommentare
Eine Antwort zu „Timelines – Zeitleisten im Web (1)“
In der aktuellen ct 26/2011 gibt es einen Artikel Datenbilder (http://www.heise.de/ct/inhalt/2011/26/170), der neben Infografiken auch Zeitleisten vorstellt.
Auch dort ist eine Linkübersicht zu Zeitleisten-Dienste und -Tools zu finden:
http://www.heise.de/ct/11/26/links/170.shtml