Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Map with D3.js!

Public visualization

Viewing a saved revision (read-only)

bdda13e7d13d401cbd22a44a4d9db5a1

Map with D3.js!

0 stars0🌍 Public
SSadafNaseem
Last edited Oct 5, 2021
Created on Sep 29, 2021

This example shows an interactive world map rendered with D3.js, displaying country boundaries and names using SVG. It uses `d3.geoNaturalEarth1` for the projection and `d3.geoPath` to generate the geography from TopoJSON world-atlas data (110m resolution) with country names joined from a TSV file. Countries highlight red on hover, and `d3.zoom` enables pan and zoom interactions on the map.

AI-generated description

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