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 stars1🌍 Public
JJames Barbour, Jr.
Last edited Apr 24, 2020
Created on Apr 24, 2020

This example visualizes world countries on a Natural Earth projection, with landmasses rendered in light green against a blue spherical backdrop. The map is drawn as SVG paths using D3.js v5, combining the `geoNaturalEarth1` projection, `geoPath` for geometry generation, and the topojson library’s `feature` function to convert TopoJSON country boundaries. Geographic data is loaded remotely from the world-atlas package, and styling is applied via CSS classes for the sphere and country outlines.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed