Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

HW Map with Selectable Countries

Public visualization

Viewing a saved revision (read-only)

71e0ffacb1e94ec0b8772bb910f8dab3

HW Map with Selectable Countries

0 stars0🌍 Public
YYF
Last edited Nov 8, 2018
Created on Sep 22, 2018

This map visualizes world countries using a natural Earth projection, rendered with SVG paths via the d3.geoPath and d3.geoNaturalEarth1 APIs. The choropleth initially displays all countries in light green against a dark sphere. Clicking a country highlights it in a distinct green and displays its name in a fixed banner, allowing users to explore geographic identities interactively. Country names come from the world-atlas TSV dataset, joined to the TopoJSON geometries via their ISO numeric codes. The visualization also includes zoom functionality through the d3.zoom module, which applies a transform to the map group.

AI-generated description

The map visualization has been edited to allow each country to be highlighted and its name to be displayed upon click.