Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Cheap Tricks for Interaction

Public visualization

Viewing a saved revision (read-only)

b299d6da14f14a30b501d3e62a3a8ff1

Cheap Tricks for Interaction

0 stars1🌍 Public
Zzlastefcia
Last edited Sep 22, 2020
Created on Sep 22, 2020

This interactive map displays world countries as light-green SVG paths on a blue sphere, using a natural Earth projection and a 50m resolution TopoJSON dataset from the world-atlas package, with country names loaded from a matching TSV file. Tooltips reveal country names via SVG title elements, while hovering turns countries red. The visualization supports pan and zoom through d3.zoom, which applies an SVG transform to a group containing all country paths. The implementation uses d3.geoPath, d3.geoNaturalEarth1, and topojson.feature for map generation.

AI-generated description