Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make a map with D3.js!

Public visualization

Viewing a saved revision (read-only)

85291d8fa8bd45e89524004d9bac1782

Let's make a map with D3.js!

0 stars0🌍 Public
Jjesramyep1263
Last edited Mar 22, 2020
Created on Mar 22, 2020

This example shows a world map rendered as SVG paths, with countries filled in light green against a blue sphere. It uses D3.js version 5 and TopoJSON to load and convert world-atlas data from unpkg. The map is drawn using `d3.geoPath` with a `d3.geoNaturalEarth1` projection, and country boundaries are derived via `topojson.feature`. A static sphere outline is added first, then country paths are appended to the SVG. The code relies on promises to fetch and process the geographic data asynchronously.

AI-generated description