Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Cheap tricks with interaction

Public visualization

Viewing a saved revision (read-only)

4feb579f9bc94920ace16eae9bc7bdf7

Cheap tricks with interaction

0 stars2🌍 Public
RRamon96
Last edited Nov 14, 2019
Created on Nov 13, 2019

This example displays a world map rendered in SVG using D3 v5 and a Mercator projection, with country boundaries drawn from TopoJSON data. It demonstrates simple interactive techniques: users can pan and zoom the map via d3.zoom, while hovering over individual countries triggers a CSS-based color change and a native tooltip showing the country name, sourced from a TSV file. The code uses d3.geoPath, d3.geoMercator, and topojson.feature.

AI-generated description