Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Pooja's World Map with D3.js!

Public visualization

Pooja's World Map with D3.js!

0 stars1🌍 Public
Ppreddythandra
Last edited Mar 28, 2023
Created on Mar 28, 2023

This example displays a world map using the geoEquirectangular projection, with country boundaries rendered as black paths with white strokes on a navy sphere. It loads geographic data from the world-atlas TopoJSON file and converts it to GeoJSON using the `feature` method. The visualization uses D3 v5’s `select`, `json`, `geoPath`, and `geoEquirectangular` functions, with SVG shapes styled via CSS. Hovering over a country highlights it in yellow through a dedicated `:hover` rule.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed