Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

World Map

Public visualization

Viewing a saved revision (read-only)

c4ee2eac338342e1b14617bd13897988

World Map

0 stars1🌍 Public
Ggayatrisridhar
Last edited May 26, 2021
Created on May 19, 2021
Forked from Line chart

This example renders a world map from TopoJSON data using D3 v5 and React, drawing countries as filled paths on an SVG canvas. The visualization uses `geoEqualEarth` for the projection, `geoPath` to generate paths, and `geoGraticule` to display a graticule overlay, with a distinct red sphere background and blue landmasses. Country geometries are loaded from the world-atlas TopoJSON file and converted to GeoJSON via `feature()`. The React component hierarchy separates data loading (`useData`) from the presentational `Marks` component.

AI-generated description