Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

An Interactive Map with a Dynamic Title

Public visualization

Viewing a saved revision (read-only)

551ed87e6f064619a10020fb24fd865f

An Interactive Map with a Dynamic Title

0 stars0🌍 Public
OOxfordComma
Last edited Sep 26, 2018
Created on Sep 22, 2018

This interactive map displays Earth with selectable countries that turn red when clicked, while hovering shows the country name as a dynamic title above the globe. Built with D3 v5 and TopoJSON, it uses `d3.geoPath` with a natural Earth projection to render the 50m world-atlas dataset. The visualization supports zooming via `d3.zoom` and handles mouse events to update the title text and country fill colors.

AI-generated description

This map allows for multiple countries to be selected (which will be highlighted in red). Hovering over any country with the mouse will show the name of that country above the earth.