Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

World Map on D3.js!

Public visualization

World Map on D3.js!

0 stars1🌍 Public
Ddanhuijia
Last edited Feb 6, 2020
Created on Feb 6, 2020

This example displays a world map rendered as an orthographic projection, with countries filled in yellow and the surrounding sphere in grey. The visualization loads GeoJSON country boundaries from the world-atlas TopoJSON data via `d3.json`, then uses `topojson.feature` to extract the features. The map is drawn with SVG paths using `d3.geoPath` and the `geoOrthographic` projection, with React managing the component structure. The code also demonstrates the `geoNaturalEarth1` projection as an alternative, though the orthographic view is active.

AI-generated description

A bare minimum HTML page.

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed