Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

World Map

Public visualization

Viewing a saved revision (read-only)

b06d0729b5be451184d62e1cbc027bec

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