Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

draw a world map

Public visualization

Viewing a saved revision (read-only)

9e0c8253ad654b7baf37915e6aaced24

draw a world map

0 stars2🌍 Public
Wwyh1029
Last edited May 27, 2020
Created on Apr 2, 2020
Forked from D3.js introduce

This example displays a world map using the Equal Earth projection within an SVG canvas. The map shows country boundaries as light green shapes with dark blue oceans, rendered using `d3.geoEqualEarth` and `d3.geoPath`. It loads geographic data from the world-atlas TopoJSON file, converts it with `topojson.feature`, and appends each country path to the SVG. The visualization relies on D3 v5 and uses simple CSS classes to differentiate the sphere background from country landmasses.

AI-generated description

draw a world map