In einem vorigen Semester habe ich eine Datenvisualisierung des weltweiten Waffenhandels für den Dome erstellt. Nun wollte ich im Rahmen des Map-Interface Kurses dieses Projekt auf das Web-Format übersetzen und das Interface für diese Umgebung optimieren.

Copyright

©Daniel Grimm

Dieses Projekt entsandt in starker Anlehnung an die vorangegangene [Armstrade-Dome](http://incom.org/projekt/1877 „Amstrade-Dome“) Visualisierung. Jedoch während des Dome Projektes stand eine effektvolle Inszenierung über den Köpfen des Zuschauers im Vordergrund. Der User konnte nicht mit der Visualisierung interagieren, sondern sollte als Zuschauer mit einer massiven Datenvisualisierung unterhalten werden. Für die Webumsetzung sollte genau diese Interaktivität geschaffen werden. Ein Interface sollte entstehen, welches dem Nutzer mehr Kontrolle gibt und ein tieferen Einstieg in die Daten ermöglicht.

Copyright

©Daniel Grimm

Zunächst habe ich das Processing Skript in Javascript übersetzt. Zur Darstellung wurde das Canvas Element verwendet. Um die geringere Performance von Javascript auszugleichen, musste die Kollisionsabfrage optimiert werden, was sich allerdings als so variable herausstellte, dass noch eine kleine auffächer Animation der Bubbles drin war. Für das Web-Format musste auch die Karte von der Azimutal zur Miller Projektion geändert werden und die Positionen der Bubbles wurden angepasst.

Copyright

©Daniel Grimm

Dank Feedback aus dem Kurs wurde die Visualisierung noch um eine Zeitleiste erweitert und das Farbschema überarbeitet. Der jetzige stand der Anwendung ist im nachfolgenden Link zu betrachten.

Anwendung: (den Ladeprozess bitte vollständig abwarten) Armstrade-Web

Copyright

©Daniel Grimm

Der Finale Entwurf zeigt die volle Funktionsweise der Zeitleiste mit Zusatz Informationen zu jedem Jahr, Verlinkungen zu entsprechenden Handelspartnern und detaillierte Anzeige der Handelsdaten.

• Vollständige Umsetzung des Time-Sliders
• Selektion einzelner Handelsjahre
• Anordnung der Beziehungslinien zwischen den Ländern (edge-bundling)
• Anordnung der Länderbubbles

Auch wenn ich immer noch nicht mit diesem Projekt fertig bin, hat mir dieser Kurs geholfen das Konzept dieses Projekts ein ganzes Stück voranzubringen. Und das nicht nur durch das Feedback, sondern auch durch den Kursabschnitt über das Gestalten von Karten mit TileMill und anderen Tools, welches ich mit Sicherheit noch einmal ein eigenes Projekt widmen werde.