Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

HW Map with Selectable Countries

Public visualization

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.

Comments

Sign in to join the discussion.

MIT Licensed