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)

556a61c068c04f088307e1bbffb7c920

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

0 stars0🌍 Public
Xxyang3672
Last edited Mar 10, 2021
Created on Mar 10, 2021

This map visualization displays world countries as filled green regions on a blue sphere, rendered entirely with SVG. It loads geographic data from the World Atlas TopoJSON file using `topojson.feature` to extract country boundaries, then projects them with a Mercator projection via `d3.geoMercator` and `d3.geoPath`. The code appends a sphere outline path and draws each country as a separate `path` element, with styling applied through CSS classes for fill and stroke.

AI-generated description