Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make a map with D3.js!

Public visualization

Viewing a saved revision (read-only)

a06781cbb7d9422ca70276ebd34d129b

Let's make a map with D3.js!

0 stars2🌍 Public
TTomoyukiEguchi
Last edited Jan 9, 2021
Created on Jan 6, 2021

This interactive SVG map visualizes world countries, highlighting each one in red on hover and displaying its name via a tooltip. Built with D3.js v5, it uses `geoMercator` projection and `geoPath` to render geographic features from TopoJSON data, while country names are loaded from a TSV file. The map supports zooming through D3's `zoom` event, which transforms the map group.

AI-generated description