Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

World map

Public visualization

World map

0 stars0🌍 Public
BBenoit Mouly
Last edited Jul 30, 2022
Created on Jul 30, 2022
Forked from Working with Time

This world map visualizes geographic boundaries using a Natural Earth projection, rendering landmasses, country interiors, and graticules as SVG paths. The code applies the `geoNaturalEarth1` projection and `geoPath` from d3-geo to convert TopoJSON data from the world-atlas dataset into drawable shapes, with `geoGraticule` generating the latitude/longitude grid. Land areas are filled in teal with lighter borders, while sphere and graticule layers provide subtle background contrast. React manages the component state, loading the TopoJSON asynchronously via `useEffect` and `d3.json`.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed