Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

d3 World Map

Public visualization

d3 World Map

0 stars0🌍 Public
NNoah Weinberg
Last edited Oct 9, 2020
Created on Oct 8, 2020
Forked from HTML Starter

This example displays a world map using an orthographic projection, with each country colored according to its economy classification from the World Atlas dataset. The visualization loads geographic data as TopoJSON and country metadata as TSV, then joins them by ISO code. It renders the sphere and country boundaries as SVG paths using `d3.geoPath`, assigns colors via `d3.scaleOrdinal` with the `schemeSpectral` range, and adds hover effects and zooming through `d3.zoom`.

AI-generated description

A bare minimum HTML page.

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed