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)

ede7c88a61b648ba8b7e660c263d9c09

Let's make a map with D3.js!

0 stars1🌍 Public
Lliyaxuanliyaxuan
Last edited Nov 27, 2020
Created on Nov 27, 2020

This example displays an interactive world map using D3.js, with countries rendered as SVG paths filled in green and a blue sphere background. Hovering over a country turns it red, and users can zoom and pan the map via mouse interactions enabled by d3.zoom. The map uses d3.geoNaturalEarth1 projection and d3.geoPath to draw country boundaries from TopoJSON data, while country names are loaded from a TSV file and added as SVG `<title>` tooltips.

AI-generated description