🌍 Public
Viewing a saved revision (read-only)
cbe257c430024f289c5a7290a3ccdc70
Let's make a map with D3.js!
This example displays a world map rendered with SVG paths, using D3.js v5 and TopoJSON. It loads geographic country boundaries from the world-atlas dataset and projects them with a Mercator projection. The code uses `d3.geoPath` and `d3.geoMercator` to generate the map, while `topojson.feature` converts the TopoJSON data into GeoJSON features. Countries appear filled in steel blue with black, semi-transparent borders, demonstrating a minimal choropleth-style base map.
AI-generated descriptionA bare minimum HTML page.
See also React Starter.