Bei Datengrafiken geht es darum, interessante Zusammenhänge in größeren Datenmengen sichtbar zu machen. In diesem Projekt durften keine alphanumerischen Zeichen (Text, Zahlen) oder bildhafte Elemente verwendet werden. Umso wichtiger wird die gezielte Verwendung von Farbe, Form, Position, Animation und Interaktion, um die Information zu kodieren und zu strukturieren.
Dieses Projekt wird begleitet vom Fach Programmiersprachen 2 (Dozent: Fabian Rauch). Die Studierenden sollten die interaktive Datengrafik so komplett und funktionsfähig wie möglich mit Web-Technologien, insbesondere Javascript, umsetzen.
Tsunami ist ein japanisches Wort, das “Hafenwelle” bedeutet. Es ist eine Welle oder eine Reihe von Wellen, die durch eine impulsive vertikale Verschiebung der Oberfläche des Ozeans oder eines anderen Gewässers erzeugt werden.
Die Darstellung bezieht sich auf die Jahrzehnte 1900-2010.
Der erste Screen zeigt alle Tsunamis in einem Jahrzehnt. Die Farben beziehen sich auf die jeweiligen Ursache, sowie die Größe auf die Intensitätsstärke. Das Jahrzehnt ändert sich durch das Scrollen nach unten oder oben.
Die Navigationsbar oder auch Intensitätsanzeige zeigt auf welche Intensitäten in dem angezeigten Jahrzehnt vorhanden sind. Durch ein Klick auf einen Intensitätspunkt werden alle Tsunamis mit dieser Intensität einzeln dargestellt.
Der dritte Screen erscheint durch eine Drag-Funktion auf den Hintergrund der Map. Er zeigt die Tsunamis sortiert nach der Ursache und der Intensität.
Der über den aufgelisteten Tsunamipunkten liegende Kreis zeigt die durchschnittliche Intensität der jeweiligen Ursache, sowie der darunter liegende Kreis mit weniger Deckkraft den Durchschnitt der Todesfälle.
