Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

World Map First Pass

Public visualization

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.

Comments

Sign in to join the discussion.

MIT Licensed