Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Cheap Tricks for Interaction

Public visualization

Cheap Tricks for Interaction

0 stars1🌍 Public
OOliver Wills
Last edited Jun 19, 2020
Created on Jun 19, 2020

This example shows a natural Earth projection world map with country boundaries rendered as SVG paths, featuring hover highlighting and zoom/pan interaction. The visualization loads world-atlas TopoJSON data and TSV country names, using d3.geoNaturalEarth1 and d3.geoPath to project and draw the geography. A d3.zoom behavior applies transform events to the map group, while CSS hover styles change country fill to red. Each country path includes a title element that displays the region name on mouseover, combining simple styling with d3’s event-driven transforms for an interactive globe.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed