Geo-Visualisierung im Web mit D3 und TopoJSON

D3.js ist eine JavaScript-Bibliothek, mit der Dokumente durch Daten manipuliert werden können. D3 ermöglicht es uns, mittels Web-Standards wie HTML, SVG und CSS unsere Daten dynamisch zu visualisieren.

TopoJSON ist ein Format für Geodaten, welches optimiert ist für die Darstellung im Web. Als Weiterentwicklung von GeoJSON erlaubt es, Topologien zu encodieren, geometrische Redundanzen zu eliminieren und bietet somit komprimiertere Geometrie-Repräsentationen. Die Speicherplatzersparnis gegenüber GeoJSON ist üblicherweise bei etwa 80%.

Wir werden in diesem Workshop diese beiden Tools an der Vorfront der Web-Standard-basierten (Geo-)Visualisierung kennen lernen. Dazu erstellen wir eine kleine Anwendung und betrachten weiterführende Möglichkeiten.

Ein Grundlegendes Verständnis von JavaScript, HTML und CSS wird vorausgesetzt. Wer selbst TopoJSON-Dateien erstellen will, benötigt eine laufende Installation von Node.js.