Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

World Map

Public visualization

Viewing a saved revision (read-only)

23855b048ee64770b9e38a4a4838f0d1

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