Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

World Map

Public visualization

Viewing a saved revision (read-only)

5366364a6cc346a3ac8825b54e6b56bf

World Map

0 stars0🌍 Public
Aalexislanz
Last edited Aug 7, 2021
Created on Aug 7, 2021
Forked from React Starter

This example displays a world map with countries rendered as interactive SVG paths that turn grey on hover. It loads GeoJSON data from the World Atlas TopoJSON file using d3.json, converts it to features with topojson.feature, and projects the map with d3.geoEqualEarth and d3.geoPath. The React component uses d3.fitSize to fit the map to a 960×500 viewport, while the useData hook asynchronously fetches and transforms the data.

AI-generated description

An application to display a world map, using d3 and React.