Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

World Map First Pass

Public visualization

Viewing a saved revision (read-only)

80aad0414c924da78d0d82eb3554d225

World Map First Pass

0 stars0🌍 Public
Yyuzhang21
Last edited Sep 23, 2019
Created on Sep 23, 2019

This example renders a world map from country boundary data loaded from the World Atlas TopoJSON source. The visualization displays all country features as geographic paths, with each nation outlined in a teal stroke color with rounded line joins. The map uses `d3.geoEqualEarth` for the projection and `d3.geoPath` to convert GeoJSON features into SVG paths within a React component. Data is fetched asynchronously using `d3.json` and converted from TopoJSON to GeoJSON via the `feature` function from the `topojson` library.

AI-generated description

A world map showing country boundaries from World Atlas TopoJSON.