Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

World Map

Public visualization

Viewing a saved revision (read-only)

f6703add03c24a959fc6af4b6a6117aa

World Map

0 stars0🌍 Public
LLeah Mitchell
Last edited Sep 28, 2021
Created on Sep 20, 2021

This world map visualizes country boundaries, rendered as SVG paths using D3's `geoPath` and `geoNaturalEarth1` projection. The map loads geographic data from the world-atlas package, combining a TopoJSON file with a TSV file to attach country names to each region. Hovering over a country turns it red, and a native SVG `<title>` element displays the country name. The map also includes a blue sphere background and supports zooming via the `d3.zoom` API, applying transformations to the country group.

AI-generated description

An exercise in making a world map and using hover features to highlight/display information.