Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Cheap Tricks for Interaction

Public visualization

Viewing a saved revision (read-only)

f0c8db01f9594340878c73b7a0e2b66e

Cheap Tricks for Interaction

0 stars0🌍 Public
XXenos Panagiotis
Last edited Jun 3, 2021
Created on May 15, 2020

This example demonstrates how to enhance a natural Earth projection map with basic interactive affordances. Users can pan and zoom the world map, and hovering over any country highlights it in red. The map renders geographic data from the World Atlas TopoJSON and TSV datasets using `d3.geoNaturalEarth1`, `d3.geoPath`, and `d3.zoom`. Country names are joined from the TSV file and displayed as SVG `<title>` tooltips. Styling relies on CSS hover effects while the zoom behavior applies SVG group transformations.

AI-generated description