🌍 Public
Cheap tricks for interaction
A D3.js map of world countries supports zooming and panning through d3.zoom, which applies a transform to a group element. Geographic paths are rendered using d3.geoPath with a geoNaturalEarth1 projection, sourced from TopoJSON world-atlas data and country names from a TSV file. Hovering changes each country’s fill to red via CSS, using SVG paths with title tooltips for interactivity.
AI-generated descriptionDemonstrates fundamental DOM manipulation using D3.js by making a smiley face whose eyebrows move.
MIT Licensed
Comments
Sign in to join the discussion.