Skip to main content
100%

Cheap Tricks for Interaction

✓ Published0🌍 Public
Hhirokihayakawa07
Last edited May 10, 2020
Created on May 10, 2020

This interactive world map visualizes all countries on a natural Earth projection, initially rendered as uniformly red shapes against a dark blue sphere. Hovering over a country reveals its name via a tooltip, while a zoom interaction adjusts the map’s transformation. Built with d3.geoPath, d3.geoNaturalEarth1, and d3.zoom, it loads geographic data from the world-atlas package using topojson.feature. A CSS hover rule changes fill to red, though the static fill is already red, so the hover effect is subtle.

AI-generated description
MIT Licensed

Similar vizzes