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)

633ee30c3f9a49fa94a8aa74101aed39

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