Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

World map

Public visualization

Viewing a saved revision (read-only)

4cb03c20d1ff4f828e8b6590e1395957

World map

0 stars0🌍 Public
JJoakim Warholm
Last edited Jun 17, 2021
Created on Jun 17, 2021

This world map visualization displays countries and their borders using an equal Earth projection, rendered as an SVG with distinct fills for land, sphere, and interior boundaries. It loads geographic data from the World Atlas TopoJSON file, converting it with the `feature` and `mesh` functions from TopoJSON. The React-based component uses D3 v5's `geoEqualEarth` and `geoPath` to project and draw paths, with a red stroke highlighting country interiors. The visualization loads asynchronously via the `useData` hook and presents a clean, color-coded global view.

AI-generated description