Skip to main content
100%

Fork of Let's make a map with D3.js!

✓ Published0🌍 Public
RRunxin Shao
Last edited May 23, 2023
Created on May 23, 2023

This example renders a world map using the Natural Earth projection, displaying countries as light green shapes with subtle black outlines against a blue sphere. It loads geographic data from the world-atlas TopoJSON dataset and converts it to GeoJSON using TopoJSON’s `feature` function. The map is drawn with D3’s `geoPath` and `geoNaturalEarth1` projections, appending SVG paths for each country and the surrounding sphere. The visualization demonstrates a straightforward D3 v5 workflow for projecting and displaying map data in an SVG container.

AI-generated description
MIT Licensed

Similar vizzes