Skip to main content
100%

World Map on D3.js!

✓ Published1🌍 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.

MIT Licensed

Similar vizzes