Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

World Map

Public visualization

Viewing a saved revision (read-only)

25807b2e78804c26830e2b9dcd666e9e

World Map

0 stars0🌍 Public
JJakub
Last edited Dec 12, 2021
Created on Dec 11, 2021
Forked from Working with Time

This example presents an interactive world map rendered as an SVG, showing country boundaries colored in teal that turn red on hover. It uses a React component with `useData` to fetch the world-atlas TopoJSON dataset and convert it to GeoJSON features via `topojson.feature`. The map applies an equal Earth projection using `d3.geoEqualEarth` and draws paths with `d3.geoPath`. A light blue sphere background is included, and hovering a country triggers a console log of its name.

AI-generated description