🌍 Public
Viewing a saved revision (read-only)
7bc80fc391754c82be94f040d2f223b2
Let's make a map with D3.js
This example demonstrates how to create a world map using D3.js version 5 and TopoJSON. It uses `d3.geoBonne` as the map projection and `d3.geoPath` to generate SVG paths for country boundaries. The map loads geographic data from the World Atlas TopoJSON file (110m resolution) and renders each country as a pink SVG path with black outlines. A sphere outline is drawn around the map using a simple GeoJSON Sphere object, while CSS styles control the fill and stroke appearance.
AI-generated descriptionAn example including some commonly used features of SVG.