Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make a map with D3.js!

Public visualization

Let's make a map with D3.js!

0 stars0🌍 Public
VVinh H. Le
Last edited May 14, 2020
Created on May 14, 2020

This example creates an interactive orthographic map of the world using D3.js v5 and TopoJSON. It loads world country boundaries from the world-atlas dataset and renders them as SVG paths with a blue ocean background and green landmasses. The code uses `d3.geoOrthographic` for the projection and `d3.geoPath` to generate the geographic paths. Country features are extracted with TopoJSON’s `feature` method and bound to SVG path elements, producing a simple, static globe visualization.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed