Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

World Map

Public visualization

World Map

0 stars0🌍 Public
CCH SAMPATH
Last edited Apr 13, 2023
Created on Apr 13, 2023

This example renders a world map as a static SVG graphic. It displays countries in orange against a blue sphere, with a red hover highlight effect. The visualization uses D3.js functions `select`, `json`, `geoPath`, and `geoEquirectangular` for the equirectangular projection. It loads GeoJSON country boundaries from the `world-atlas` package via `json()`, converting them with the TopoJSON `feature` API before drawing with `geoPath`. The stylesheet defines the sphere and country fills.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed