Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

Map Interaction

Public visualization

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

Comments

Sign in to join the discussion.

MIT Licensed