Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

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

Public visualization

Viewing a saved revision (read-only)

20560625e68e40c7a4f6138cc59cdba6

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

0 stars1🌍 Public
PPatrickhCahill
Last edited Apr 12, 2022
Created on Apr 12, 2022

This map visualizes the countries of the world on a blue sphere using a natural Earth projection. It renders geographic boundaries with a light green fill, black strokes, and a semi-transparent stroke opacity. The code uses D3 v5’s `geoNaturalEarth1` and `geoPath` to project and draw features, while TopoJSON’s `feature` extracts country polygons from the world-atlas dataset. A static SVG path for the sphere is appended first, followed by dynamically appended country paths.

AI-generated description