Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3 World Map.js!

Public visualization

Viewing a saved revision (read-only)

31933c568f57484692c8fb1b16410083

D3 World Map.js!

0 stars0🌍 Public
RRaja Srinivas Nelluri
Last edited Apr 4, 2022
Created on Apr 4, 2022

This example renders an interactive world map using D3.js and TopoJSON. It displays all countries as green SVG paths on a blue sphere, with countries highlighted in pink on hover. The map uses the `geoEquirectangular` projection and `geoPath` to draw geographic features from the world-atlas dataset loaded via `json`. The code demonstrates basic D3 data joins with `selectAll`, `data`, and `enter`, and applies styling through CSS classes.

AI-generated description