Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Cheap Tricks For interaction

Public visualization

Viewing a saved revision (read-only)

f1b8731079f84a58a22dc1ae55f9e4f5

Cheap Tricks For interaction

0 stars0🌍 Public
TTsing
Last edited Nov 13, 2019
Created on Nov 12, 2019

This example shows a world map with hover and zoom interactions. It renders country boundaries and names using a Natural Earth projection, with each country highlighted in red on mouseover. The visualization loads geographic data from the world-atlas TopoJSON dataset and joins it with country names from a TSV file. It uses d3.geoPath with d3.geoNaturalEarth1 to draw the map, d3.zoom to enable pan and zoom, and SVG title elements for tooltips.

AI-generated description