Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

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

Public visualization

Viewing a saved revision (read-only)

5d18945cf5ed451584bec7bc2500a337

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

0 stars0🌍 Public
Iimperialclique@hotmail.com
Last edited Jul 28, 2026
Created on Jul 28, 2026

This example renders a world map using D3.js, displaying countries as light green shapes against a blue sphere on a large SVG canvas. It uses the `d3.geoEquirectangular` projection with a custom rotation and `d3.geoPath` to generate country outlines from TopoJSON data loaded from the world-atlas package. The code appends a sphere path for the globe background, then fetches the 110m resolution dataset and draws each country feature with stroke opacity to delineate borders.

AI-generated description