Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Cheap tricks for interaction

Public visualization

Viewing a saved revision (read-only)

1d03fb14061c445e983c537a55bb35a6

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