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
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

Comments

Sign in to join the discussion.

MIT Licensed