Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Cheap Tricks for Interaction

Public visualization

Viewing a saved revision (read-only)

600168bb98504ec89aba260bae81e4eb

Cheap Tricks for Interaction

0 stars0🌍 Public
Ccledevoute
Last edited Jun 24, 2020
Created on Jun 24, 2020

This example shows a zoomable world map with hover highlighting, using a natural Earth projection to render country boundaries from TopoJSON data. The map supports interactive pan and zoom through d3.zoom, with a tooltip title displaying each country’s name from a TSV lookup. Countries fill light green and turn red on hover via SVG styling. The visualization relies on d3.geoPath, d3.geoNaturalEarth1, and topojson.feature to draw geographic shapes.

AI-generated description

React Starter code.