Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Cheap Tricks for Interaction

Public visualization

Viewing a saved revision (read-only)

6a2030ca1bce46e9b3bb21f4107d929f

Cheap Tricks for Interaction

0 stars1🌍 Public
VVishwa246
Last edited May 9, 2020
Created on May 8, 2020

This example shows an interactive world map using a natural Earth projection, where countries render as light green polygons with black outlines on a blue sphere. Users can pan and zoom through the map, and hovering over any country highlights it in red while displaying its name in a tooltip. The visualization uses d3.zoom for interaction, d3.geoPath with d3.geoNaturalEarth1 for map projection, and topojson to convert TopoJSON data from the world-atlas package. Country names come from a TSV file matched by ISO numeric codes.

AI-generated description