Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Cheap Tricks for Interaction

Public visualization

Cheap Tricks for Interaction

0 stars0🌍 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

Comments

Sign in to join the discussion.

MIT Licensed