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.
Die zu entwickelnde interaktiven Datengrafik zeigt an, wo es auf der Welt zwischen den Jahren 1970-2018 terroristische Anschläge gab. In der Abbildung sieht man gut wie sich diese über die Jahre verändert haben. Zur Steuerung den Prototypen muss man mit der Maus über die linke Seite und über die Rechte Seite des Bildschirms fahren. Dadurch werden screen 2 und 3 gezeigt. Auf dem ersten Screen sieht man, wo überall abgegriffen wurde und wie oft. Je dunkler die Farben, desto öfter wurde angegriffen. Auf dem Zweiten sieht man ein Balkendiagramm. Dies zeigt die totalen Angriffen über die Jahre hinweg. Daran erkennt man gut, wie sich die Angriffe über die Jahre entwickelt haben. Der dritte Screen zeigt an, wie in einem Jahr angegriffen wurde. Dies wird prozentual angezeigt. Jeder Attacktyp hat eine Farbe. Es gibt insgesamt 9. Umso mehr Grün desto mehr wurde der Typ 3 in diesem Jahr verwendet. Es fängt unten mit 1970 an und geht auf der y-Achse hoch bis 2018. Ein Sonnendiagramm bietet sich hier ganz gut an, so sieht der Betrachter auf einen Blick wie sich die Angriffstypen in einem Jahr verhalten. Mit dem hovern über die y-Achse sieht er auch wie sich diese über die Jahre verändert.
Hinterlasse einen Kommentar