Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make a map with D3.js!

Public visualization

Let's make a map with D3.js!

0 stars0🌍 Public
PPhilRG
Last edited May 15, 2020
Created on May 15, 2020

This example displays a world map of countries rendered as light green SVG paths on a blue spherical globe projection. It uses D3 v5’s `d3.geoNaturalEarth1` projection and `d3.geoPath` to draw country boundaries, with TopoJSON’s `feature` method converting the world-atlas 110m dataset into GeoJSON. The code appends a background sphere path, then loads country data from a remote URL and enters it into the SVG. Country strokes are semi-transparent black, with no interactivity or labels.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed