Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

World Map

Public visualization

World Map

0 stars1🌍 Public
SSong Tao Chen
Last edited Jan 4, 2022
Created on Jan 4, 2022

This example renders a world map using D3’s geoNaturalEarth1 projection and geoPath to draw landmasses, graticules, and country interiors from TopoJSON data loaded via d3.json and processed with topojson.feature and topojson.mesh. The React component uses the useData hook to fetch and transform the world-atlas dataset, while SVG paths are styled with CSS for distinct land, sphere, and interior strokes. The visualization presents a clean, static geographic overview without interactivity.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed