Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Cheap Tricks for Interaction

Public visualization

Viewing a saved revision (read-only)

6108f35869cb49d08f3196f32942b96c

Cheap Tricks for Interaction

0 stars1🌍 Public
AAmar Nath Yogi
Last edited Jan 30, 2020
Created on Jan 29, 2020

This example shows a zoomable natural Earth projection map where hovering over any country turns it crimson. The visualization loads world country boundaries from a TopoJSON file via d3.json, then renders them as SVG paths using d3.geoPath and d3.geoNaturalEarth1. Interaction comes from d3.zoom, which applies a transform to a group element, while CSS :hover rules change country fill colors. The map also includes a blue sphere backdrop drawn from a GeoJSON sphere object.

AI-generated description