Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Sudeep World Map with D3.js!

Public visualization

Viewing a saved revision (read-only)

9cd7d852fe3844ddb6d19e0325c95ec7

Sudeep World Map with D3.js!

0 stars0🌍 Public
Ssudeepmamidi
Last edited Apr 10, 2023
Created on Apr 10, 2023

This example displays a world map using an equirectangular projection, rendering each country as a pink SVG path with black outlines on a blue sphere. The visualization uses D3 v5 functions `d3.geoEquirectangular` and `d3.geoPath` to project and draw the geography, while TopoJSON’s `feature` method converts country boundaries from the world-atlas TopoJSON file. Hovering over a country turns its fill white, highlighting the selected region.

AI-generated description