Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Making a Map with D3!

Public visualization

Making a Map with D3!

0 stars1🌍 Public
AAnnie Liao
Last edited Jul 14, 2020
Created on Jul 14, 2020

This visualization displays a world map in a natural Earth projection, with countries filled in pale green and the sphere rendered in cornflower blue. The code uses D3 v5’s `geoPath` and `geoNaturalEarth1` projections, along with the topojson `feature` function, to convert GeoJSON country boundaries into SVG paths. Country data comes from the world-atlas 110m dataset, while the map’s ocean and landmasses are drawn as separate SVG paths.

AI-generated description

A bare minimum HTML page.

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed