Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Interactive World Map

Public visualization

Viewing a saved revision (read-only)

ab2da794c7684656be37805a1f624968

Interactive World Map

0 stars2🌍 Public
NNaveenaS12
Last edited Aug 13, 2020
Created on Aug 13, 2020

This interactive map renders world countries as SVG paths using D3.js version 5 and the topojson library to convert TopoJSON to GeoJSON features. The map uses a D3 geoEqualEarth projection with geoPath, and supports zooming via d3’s zoom event, which applies a transform to the map group. Country names are joined from a TSV file using ISO numeric codes, and hovering fills a country in red.

AI-generated description

Demonstrates fundamental DOM manipulation using D3.js by making a smiley face whose eyebrows move.