Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Map with D3.js!

Public visualization

Viewing a saved revision (read-only)

8f968f2a9ad249eabee9e02274e164d8

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.