Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Cheap tricks for interaction

Public visualization

Viewing a saved revision (read-only)

68ccb276529e4b11a8ec0047d2e47a75

Cheap tricks for interaction

0 stars1🌍 Public
RRiccardo Pressiani
Last edited Oct 10, 2019
Created on Oct 10, 2019

A world map rendered with D3's geoNaturalEarth1 projection presents countries in light green against a blue sphere. The visualization loads country boundaries from the world-atlas TopoJSON and TSV files, using d3.geoPath to generate SVG paths. Interaction is handled via D3's zoom function, which applies a scale and translate transform to the map group on zoom events, while a CSS :hover rule turns countries red when moused over.

AI-generated description