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
Ddaigokawabe
Last edited Aug 2, 2020
Created on Aug 2, 2020

This example shows a world map with country boundaries rendered in light green on a dark blue sphere, using d3.geoNaturalEarth1 and d3.geoPath. Hovering over a country turns it red, revealing its name via SVG title elements from world-atlas TSV data. Pan and zoom interactions are implemented with d3.zoom, which applies a transform to the map’s parent group element. The visualization uses topojson to parse the countries-50m.json TopoJSON file.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed