Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Cheap Tricks for Interaction

Public visualization

Viewing a saved revision (read-only)

91f7db33cb3f46c989a9261cb241a9d8

Cheap Tricks for Interaction

0 stars0🌍 Public
Ffernandotsurukawa
Last edited Oct 14, 2019
Created on Oct 14, 2019

This example displays an interactive world map that zooms and pans using a spinning globe metaphor. The visualization uses a D3 geo projection with d3.geoNaturalEarth1, rendered through d3.geoPath onto an SVG canvas. A dark blue sphere underlies light green country polygons with black outlines, which turn red on hover. Country names appear as tooltips, sourced from a world-atlas TSV file. The map’s zoom and pan interactions are handled by a custom d3.zoom function, with a topojson feature conversion for geographic data. The transformation updates the SVG group’s coordinates in response to user gestures.

AI-generated description