Jede flache Karte lügt — Jason Davies' Galerie zeigt dir genau wo
Klone D3's d3-geo-projection und Jason Davies' Kartengalerie — ein Kartographie-Tutorial zu Projektion, Verzerrung und Fassadenabwicklung für AEC-Profis.
Öffne jasondavies.com/maps und ziehe den Planeten dreissig Sekunden lang herum. Du wirst etwas spüren, das die meisten BIM-Koordinatoren auf die harte Tour lernen: Die Erde will nicht flach sein, und jeder Versuch, sie flach zu machen, führt zu geometrischen Konflikten. Jason Davies — ein britischer Softwareingenieur und einer der frühen Kernbeitragenden zu D3.js — hat Jahre damit verbracht, diesen Kampf in eine verschiebbare, neu zentrierbare, browserinterne Galerie von Kartenprojektionen zu verwandeln. Kein Plugin, keine Installation, keine Esri-Lizenz. Nur SVG, Canvas und Mathematik.
Die Originalquelle ist deutlich zum Kern der Wahrheit: „Alle 2D-Karten der Erde sind irgendwann unterbrochen, selbst wenn es nur am Antimeridian bei 180° ist.” Davies setzt die Unterbrechungen dorthin, wo niemand schaut — Ozeane, für eine landgestützte Karte. Das ist kein Fehler. Das ist reines Handwerk.
←TODAY: swisstopo betreibt das Land mit CH1903+/LV95, einem benutzerdefinierten schiefen Mercator-Gitter, genau weil keine globale Projektion die Schweiz ohne Verformung erfasst. →3012: Der Zürich-3012-Horizont ist georeferenziert oder er ist Fiktion — ein Stadtmodell ist nur so ehrlich wie sein CRS. Fulcrum: Das gleiche Abrollen, das eine Kugel in ein Schmetterlingsnetz verwandelt, verwandelt deine doppelt gekrümmte Fassade in flaches Blech.
Warum ein praktizierender Architekt sich um Kartographie kümmern sollte
Das ist der Teil, den die Fachpresse überspringt. Projektion ist sichtbar gemachte parametrische Geometrie. Eine gekrümmte Mannigfaltigkeit auf ein flaches Blatt zu mappen ist das gleiche Abwicklungsproblem wie developpable-surface-Abwicklung, Blechabwicklung und UV-Unwrapping in Rhino und Grasshopper. Die oktaederförmige Schmetterlingskarte — acht gleichseitige Dreiecke, die Cahill-Tradition seit 1909 — ist buchstäblich ein Abwicklungsnetz. Davies bemerkt, dass seine Schmetterlingskarten „alle automatisch mit dem geo.polyhedron D3-Plugin generiert wurden.” Ersetze „Oktaeder” durch „Freiformdach” und du beschreibst einen Montagvormittag im Büro.
Der tiefe Grund, warum nichts davon perfekt sein kann, kommt aus Gauss’ Theorema Egregium: Eine Kugel hat eine nicht-null Gauss-Krümmung, daher muss jede flache Karte Fläche, Winkel oder Entfernung verzerren — wähle maximal zwei. Tissots Indikatrix zeichnet diese Verzerrung als kleine Ellipsen; Davies lässt dich sie in Echtzeit strecken. Snyders Map Projections: A Working Manual ist die kanonische Referenz, wenn du die mathematischen Hintergründe der eleganten Visualisierung verstehen willst.
Dies ist ein Learn-Stück — klon es, führe es aus, zerstöre es
Das Werkzeug: Die Engine hinter der Galerie ist D3s geografischer Stack — d3-geo plus d3-geo-projection und das geo.polyhedron-Plugin, alle open-source (BSD), alle gepflegt im D3-Orbit, den Davies mitaufgebaut hat. Es treibt Datenjournalismus in ganz Europa — NZZ inbegriffen — daher hast du das Ergebnis fast sicher schon ohne es zu wissen sehen. Ein Nachmittag damit gibt einem Computational Designer eine abhängigkeitsleichte Möglichkeit, jede benutzerdefinierte Site oder Datenkarte zu rendern — ohne teure Desktop-GIS-Software.
Setup:
mkdir map-lab && cd map-lab
npm init -y
npm install d3 d3-geo-projection topojson-client
# eine Weltkarte (TopoJSON) herunterladen, dann den Ordner servieren
npx http-server .
# öffne http://127.0.0.1:8080 — eine statische Seite reicht
Erste Schritte:
- Erstelle
index.htmlmit einem<svg>und einem Modul-<script>. - Importiere eine Projektion — beginne mit
geoNaturalEarth1()ausd3-geo-projection, verarbeite dein Welt-TopoJSON übergeoPath(). - Ersetze die Projektionslinie durch
geoAitoff()oder eine polyhedrale und lade neu — gleiche Daten, andere Lüge. Dieser Austausch und das Umgestalten der Kontinente ist die ganze Lektion. - Öffne Davies’ Map Projection Transitions Demo um eine Projektion in eine andere morphen zu sehen — das ist deine visuelle Spezifikation.
Atelier: In einem Schweizer Atelier sind die Konsequenzen konkret — wenn du ein IFC gegen das falsche CRS georeferenzierst, driften deine Koordinaten um Meter, und die Vermessungspflöcke passen nicht mehr zum Modell. CH1903+/LV95 statt web-Mercator zu wählen ist genau die Projektionswahl, die Davies dramatisiert, nur dass der Preis für Fehler eine Neuvermessung ist, nicht verschwommene Ozeane.
Hack: Mit diesem Hack lernst du, die Erde in zwei Projektionen in einer Datei zu rendern und den Trade-Off selbst zu spüren. Das Medium ist JavaScript; die Domäne ist Geometrie. Füge dies in dein Modul-Skript ein, nachdem du ein Welt-topojson geladen hast — ändere die eine kommentierte Zeile, um zwischen Projektionen zu wechseln.
import * as d3 from "d3";
import { geoAitoff } from "d3-geo-projection";
import { feature } from "topojson-client";
const land = feature(world, world.objects.land);
const proj = geoAitoff(); // tausche: d3.geoMercator() und vergleiche
const path = d3.geoPath(proj.fitSize([960, 500], land));
d3.select("svg").append("path").datum(land).attr("d", path);
Starte es, mache einen Screenshot, dann ändere geoAitoff() zu d3.geoMercator() und mache einen weiteren Screenshot. Lege die beiden nebeneinander: Grönlands Gewicht ist dein Verzerrungsbudget, sichtbar gemacht.
Langlebigkeit
Eine nüchterne Zeile, weil das mein Revier ist. Die Gebäude, die in meiner Zeit am schlechtesten gealtert sind, waren nicht die hässlichen — sie waren die, die niemand wieder öffnen konnte, nachdem ihr proprietäres Format obsolet wurde. Eine Projektion, die in einem geschlossenen GIS gewählt wird, das du nicht einsehen kannst, ist die gleiche Falle in der Vermessungspraxis. Davies’ Galerie ist die gegenteilige Ethik: offener Code, lesbare Mathematik, eine Datei, die ein 25-Jähriger 2070 immer noch öffnen kann. Wenn du dieses Quartal ein CRS wählst, schreibe auf, welche Projektion und warum — dein zukünftiges Selbst, das die as-built hält, wird dir danken.
Learn-it:
- Galerie (primär): Jason Davies — Map Projections
- Tutorial / Demo: Map Projection Transitions
- Kuratiertes Repo: awesome-projections
- PAZ-Notiz: Verbinde dies mit dem Grasshopper-Abwicklungs-/entwickelbaren-Flächen-Workflow — das Schmetterlingsnetz und deine Fassadenabwicklung sind der gleiche Algorithmus.
Öffne die Galerie, ziehe den Planeten, bis ein Kontinent falsch aussieht, und frage warum. Dieses Gespür — das Misstrauen gegenüber dem flachen Bild — ist die wertvollste Fähigkeit in diesem ganzen Handwerk.
QUELLE · ↗
PAZ Kaffi · interdisziplinäre Redaktionsarbeit, geleitet von der PAZ Academy