Loading deck

Small Multiples mit d3.js 

eine Datenvisualisierung auf der Basis der UEFA European Cup Coefficients Database

Oliver Hümbelin, BFH Zentrum für Soziale Sicherheit

Data Visualization Group Treffen vom 5. April 2017, Institut für Wirtschaftsinformatik, Universität Bern

Übersicht

  1. Einführung: Was war die Motivation? Welche Daten habe ich visualisiert?
  2. Theorie: Was sind small multiples?
  3. Methode: Wie bin ich beim Erstellen der Visualisierung vorgegangen?
  4. Ergebnis: Die "UEFA European Cup Coefficients Visualization"
  5. Diskussion und Fragen

Oliver Hümbelin

UEFA Visualization with d3.js

5. April 2017

Motivation

  • Kurzauslandaufenthalt in New York in Besuch von D3.js Visualisierungskurs von Kevin Quealy (New York Times)
  • Spassprojekt mit Fussballdaten während des Kurses
  • bl.ocks.org/ als Visitenkarte für d3.js Spezialisten
    (z.Bsp. https://bl.ocks.org/mbostock)

Oliver Hümbelin

UEFA Visualization with d3.js

5. April 2017

Die Daten

Text

Oliver Hümbelin

UEFA Visualization with d3.js

5. April 2017

Small Multiples

Oliver Hümbelin

UEFA Visualization with d3.js

5. April 2017

"small multiples use the same basic graphic or chart to display difference slices of a data set."

Von den Daten zur Visualisierung

  • Webscrapping
  • Data-Wrangling

Oliver Hümbelin

UEFA Visualization with d3.js

5. April 2017

  • Webvisualisierug
  • Publikation im Netz

Die Visualisierung

Oliver Hümbelin

UEFA Visualization with d3.js

5. April 2017

Fragen und Diskussion

Oliver Hümbelin

UEFA Visualization with d3.js

5. April 2017

oliver.huembelin@bfh.ch