Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Cheap Tricks for Interaction

Public visualization

Viewing a saved revision (read-only)

5c781ef7ba894ddf80304de8003ef7da

Cheap Tricks for Interaction

0 stars1🌍 Public
MMunTatt Yap
Last edited Aug 28, 2019
Created on Aug 10, 2019

This interactive world map shows country names as tooltips when hovering over each nation, and allows users to pan and zoom the projection. The visualization renders geographic data from the world-atlas TopoJSON and TSV files, using d3.geoPath with the Natural Earth projection. Interactions are enabled through d3.zoom, which applies transforms to the SVG group, while CSS hover states highlight countries in red. The code relies on d3.select, d3.event, and d3.json for data handling.

AI-generated description