Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Map Interaction

Public visualization

Viewing a saved revision (read-only)

94785339fc7846ee91f11d1bb3b92665

Map Interaction

0 stars1🌍 Public
WWayne716
Last edited Nov 22, 2020
Created on Nov 22, 2020
Forked from Map with D3.js

This example displays an interactive world map rendered with SVG using the d3-geo-projection library, specifically the geoNaturalEarth1 projection. Countries from the world-atlas TopoJSON dataset are drawn as paths with d3.geoPath, each featuring a tooltip showing the country name. The map supports pan and zoom through d3.zoom, which applies a transform to the map group on events. Hovering over a country changes its fill color to red via CSS, while the sphere background uses a distinct blue fill.

AI-generated description