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)

acad3625de4e42aa92523ec76160f209

Let's make a map with D3.js!

0 stars0🌍 Public
HHarry Hackett
Last edited Dec 11, 2019
Created on Dec 11, 2019

This example displays a world map using the Natural Earth projection, with each country rendered as a dark green SVG path on a light blue background. The code loads GeoJSON data from the world-atlas TopoJSON dataset and converts it using `topojson.feature`. D3 v5’s `d3.geoNaturalEarth1` projection and `d3.geoPath` generate the map shapes, with paths appended to an SVG container via data joins.

AI-generated description