Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

world map

Public visualization

Viewing a saved revision (read-only)

ec46216c48c54df09319b890883802e1

world map

0 stars0🌍 Public
PPriyaEnuganti
Last edited Jul 7, 2022
Created on Jul 7, 2022
Forked from Face by priya

This world map visualization displays global countries using a natural Earth projection with graticule lines and sphere outline. The SVG rendering uses D3’s geoNaturalEarth1 projection and geoPath to draw land features from the world-atlas TopoJSON dataset, while country borders are highlighted via a mesh of interiors. The React app loads the data asynchronously through `useData`, which fetches TopoJSON and converts it using `feature` and `mesh` from topojson, with styling applied via CSS classes.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.