Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make a map with D3.js

Public visualization

Viewing a saved revision (read-only)

d333861994c14094b2ea1141dd6e600c

Let's make a map with D3.js

0 stars1🌍 Public
AAmar Nath Yogi
Last edited Jan 29, 2020
Created on Jan 29, 2020

This example visualizes world countries as a natural Earth projection map, with landmasses rendered in light green against a dark blue spherical backdrop. Using D3 v5, it loads TopoJSON data from the world-atlas package and converts it to GeoJSON via topojson.feature, then draws each country with d3.geoPath and a d3.geoNaturalEarth1 projection. The map is rendered as SVG paths onto a fixed 960×500 canvas.

AI-generated description