Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

World Map interaction

Public visualization

World Map interaction

0 stars0🌍 Public
EEmma
Last edited Sep 6, 2020
Created on Sep 4, 2020
Forked from HTML Starter

This interactive world map displays country boundaries over a blue sphere, with countries highlighted in green and a darker shade on hover. It uses D3’s geoPath and geoNaturalEarth1 projection to render geographic features from a TopoJSON dataset provided by world-atlas. The zoom behavior, implemented via the d3.zoom API, adjusts the SVG group’s transform during navigation. The visualization renders as SVG within an HTML page, and the code relies on the topojson library’s feature function to extract country polygons.

AI-generated description

Cheap tricks World Map

Comments

Sign in to join the discussion.

MIT Licensed