Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

World Map

Public visualization

Viewing a saved revision (read-only)

d19d543008d2444480c0de2d603886ad

World Map

0 stars1🌍 Public
Rroc286
Last edited Mar 11, 2022
Created on Mar 11, 2022

This visualization displays a world map using the Natural Earth projection, with countries rendered as filled shapes in teal against a light gray graticule and sphere background. The map shows landmasses and interior boundaries between adjacent countries. Built with React and D3 v5, the code uses `d3.geoNaturalEarth1()` for projection, `d3.geoPath()` to generate SVG paths, and TopoJSON’s `mesh()` to compute country interiors. Geographic data comes from the `world-atlas` package’s countries-50m.json file, and rendering is done entirely through SVG elements.

AI-generated description

Making a World Map with React & D3 Weekly Temperature of SF