Wird geladen...

I implemented this interactive visualization for a university course about geovisualization. It allows the user to visually compare two variables (either the outcome of a vote or a socio-demographic factor, per district). Two maps are used to show the geographical distribution of the variables, and quartiles are computed to distribute the values into four classes.

A scatterplot allows the user to contrast the two chosen variables and explore possible associations. Both views (map and scatterplot) are linked, so the user always knows which district he or she is dealing with.

On top of that, the user has the possibility to draw a rectangle around the points in the scatterplot and thus select a set of districts ("brushing"). After this, the corresponding districts are highlighted in the map. This helps, for instance, to quickly identify regions where certain variables have high or low values, etc.

In order to better compare differences between subsequent variables, a linear, visual transition of half a second is used. This helps to mitigate the problem of change blindness.

Crafted with D3.js, color palettes by Cynthia Brewer.


Projekt GEO454: Interaktiver Abstimmungsexplorer

Erläuterungen

Der Abstimmungsexplorer ermöglicht die visuelle Untersuchung auf Korrelation von zwei Variablen. Dafür stehen Abstimmungsdaten aus der Schweiz auf Bezirksebene sowie einige Bevölkerungsdaten als erklärende Variablen zur Verfügung. Pro Karte kann ein Datensatz ausgewählt werden. Es kann dies eine Abstimmung und eine erklärende Variable sein; natürlich können aber auch zwei Abstimmungen verglichen werden. In den Karten wird automatisch der jeweilige Datensatz in vier Klassen visualisiert, der Scatterplot rechts oben ermöglicht eine visuelle Beurteilung hinsichtlich Korrelation. Die x-Achse stellt die Variable der unteren Karte dar, die y-Achse jene der oberen Karte. Die Grösse der Punkte verdeutlicht die Einwohnerzahl des jeweiligen Bezirks. Fährt man mit dem Mauszeiger über die Karten oder über den Scatterplot, sind zusätzliche Informationen sichtbar. Zudem können im Scatterplot durch Drücken & Ziehen des Mauszeigers mehrere Bezirke gleichzeitig ausgewählt werden, diese werden dann in den Karten entsprechend hervorgehoben.

Anmerkungen / Hinweise


Optimiert für moderne, standardgetreue Browser (letzte Versionen von Firefox, Chrome, Safari).
Impressum:
Urs Mändli (Konzept, Datenverarbeitung), Timo Grossenbacher (Konzept, Implementation), Michael Jenni (Konzept)
Quellen:
Geodaten (Bezirke und Seen): Bundesamt für Landestopographie der Schweiz swisstopo, 2011.
Abstimmungsdaten: Bundesamt für Statistik der Schweiz. http://www.bfs.admin.ch/bfs/portal/de/index/themen/17/03.html (Zugriff April 2013).
Sozialdaten: Bundesamt für Statistik der Schweiz. Interaktive Statistikdatenbank STAT-TAB: http://www.pxweb.bfs.admin.ch/dialog/statfile.asp?lang=1 (Zugriff April 2013).