Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Cheap Tricks for Interaction

Public visualization

Viewing a saved revision (read-only)

f58df68c67fb4ee0b587efb2b14e07d3

Cheap Tricks for Interaction

0 stars1🌍 Public
Vvic126
Last edited Jun 26, 2020
Created on Jun 26, 2020

This example shows a zoomable, hover-highlighted world map rendered with SVG. It uses d3.geoNaturalEarth1 projection and d3.geoPath to draw country boundaries and the ocean sphere, with country names from a world-atlas TSV file. Zoom interaction is implemented via d3.zoom and event transforms, while hover effects are styled with CSS. The code loads TopoJSON and converts it to GeoJSON using topojson.feature.

AI-generated description

A bare minimum HTML page.

See also React Starter.