Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's interact with world map on D3.js!

Public visualization

Viewing a saved revision (read-only)

e9ea3d8d4a4443edb8137aa0533948a4

Let's interact with world map on D3.js!

0 stars0🌍 Public
AAnthony-coding
Last edited Nov 27, 2019
Created on Nov 27, 2019

This interactive world map displays country boundaries hoverable in red, with a dark ocean backdrop and natural Earth projection. Built with D3 v5 and TopoJSON, it loads world-atlas 110m GeoJSON and TSV country-name data, rendering SVG paths via d3.geoPath. Zoom and pan transforms are applied through d3.zoom, while d3.select and Promise.all handle asynchronous data loading.

AI-generated description