Die Komponente «D3-Graphics» ist eine Spezialkomponente für komplexere Datenvisualisierungen, die hauptsächlich von Statistik Stadt Zürich genutzt wird.
D3 steht für Data-Driven Documents und ist eine Java-Script-Library, mit der auf Daten basierende Dokumente manipuliert und interaktiv gestaltet werden können. Dazu werden Webstandards wie HTML, CSS und SVG genutzt.
Darauf aufbauend hat Statistik Stadt Zürich für ihre spezifischen Bedürfnisse eine eigene Library («SSZVIS») entwickeln lassen, die sich für Visualisierungen eignet wie:
Die Komponente «D3 Graphics» macht wenig mehr, als die für die Visualisierungen auf einer Seite erforderlichen Daten einzubinden. Auf jeder Seite mit D3-Grafiken muss zuerst die Komponente «D3 Graphics – Precondition» eingefügt werden, um die gewünschte Version der Java-Script-Library und das Stylesheet einzubinden, die für alle folgenden Visualisierungen gelten.
D3–SSZVIS: Java-Script-Library von Statistik Stadt Zürich
Topo-JSON: Java-Script für die Codierung von Kartendaten
CSS: Stylesheet für die Visualisierungen
Komponente «D3 Graphics»
Komponente «D3 Graphics»: Reiter Konfiguration
Komponente «D3 Graphics»: Reiter Scripts
Komponente «D3 Graphics»: Reiter Überschreiben
Reiter Konfiguration
Titel der Visualisierung; kann in der Ankernavigation verborgen werden.
Jede Visualisierung auf einer Seite braucht eine eigene ID, was mit einer fortlaufenden Nummer gelöst wird.
Die Daten für eine Visualisierung müssen im CSV-Format vorliegen.
Für eine Kartenvisualisierung mit Topo-JSON wird ein Shape-File benötigt.
Falls ein Browser eine Visualisierung nicht interaktiv darstellen kann, wird ein Fallback-Bild hinterlegt.
WAI-Titel und -Beschreibung sind Pflichtfelder, um die interaktiven Grafiken minimal barrierefrei zu machen.
Die Legende wird unterhalb der Visualisierung angezeigt.
Reiter Scripts
Jede Visualisierung erfordert mindestens ein Java-Script.
Reiter Überschreiben
Der HTML-Code für die Visualisierung kann überschrieben werden.
Visualisierungen erstellen
Die Erstellung von interaktiven D3-Grafiken erfordert fortgeschrittene Java-Script-Kenntnisse.
Jede Visualisierung muss vor der Veröffentlichung auf einem Test-Server optimiert werden.
Statistik Stadt Zürich übernimmt auf Anfrage Aufträge anderer Organisationseinheiten.
Visualisierungen aktualisieren
Bestehende Visualisierungen können relativ einfach aktualisiert werden, indem die CSV-Datei mit den Daten in der Assets-Konsole ausgetauscht wird.
Offertanfrage
Wenden Sie sich an Statistik Stadt Zürich bezüglich Offerten für die Erstellung von Visualisierungen.
