Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Cheap Tricks For interaction

Public visualization

Viewing a saved revision (read-only)

88a9b57aea6f488d878bda0820062a79

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