Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Make an Interative World Map w/ D3.js

Public visualization

Viewing a saved revision (read-only)

d93f47d3d7f2444284c82b4963137aad

Make an Interative World Map w/ D3.js

0 stars0🌍 Public
Cczy68
Last edited Apr 3, 2020
Created on Apr 2, 2020

This interactive world map displays country boundaries on a natural Earth projection, with hover highlighting and zoom/pan functionality. The visualization loads geospatial data from the world-atlas TopoJSON and TSV files, rendering countries as SVG paths using d3.geoPath and d3.geoNaturalEarth1. The d3.zoom behavior enables interactive transformations, while country names are mapped from the TSV data and displayed as SVG title tooltips. The map uses d3 v5 and the topojson client library for feature extraction.

AI-generated description