Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Cheap Tricks for Interaction

Public visualization

Fork of Cheap Tricks for Interaction

0 stars0🌍 Public
EErico Vasconcelos
Last edited Apr 3, 2021
Created on Apr 3, 2021

This example shows an interactive world map rendered with SVG paths. It presents countries in light green against a blue spherical background, and hovering over a country turns it red. The visualization uses a D3 geoNaturalEarth1 projection with a geoPath generator to draw continents from a world-atlas TopoJSON dataset. The code imports from d3.js v5 and TopoJSON, and it handles zooming and panning through D3’s zoom interaction, which applies a transform to the map group on zoom events.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed