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
JJason-Manbodh
Last edited May 30, 2020
Created on May 30, 2020

This example shows an interactive world map rendered in SVG using D3 v5, where countries appear in light green against a dark blue spherical background. Users can zoom and pan the map via a d3.zoom handler that applies SVG transforms to the map group. Natural Earth projection is applied through d3.geoNaturalEarth1, with country boundaries drawn via d3.geoPath. Country names come from a TSV file joined to TopoJSON geometry using topojson.feature, and hovering highlights a country in red via a CSS :hover rule.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed