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)

85e7df536aef4dd796e0312f2a64fd88

Let's make a map with D3.js!

0 stars1🌍 Public
AArriannePandaraoan
Last edited Apr 22, 2020
Created on Apr 22, 2020

This example renders a natural Earth projection map of the world using D3.js and TopoJSON. It draws a blue sphere as the globe background, then loads country boundaries from the world-atlas dataset and fills them with light green polygons, bordered by subtle black strokes. The visualization uses `d3.geoNaturalEarth1` for projection, `d3.geoPath` to generate SVG paths, and `topojson.feature` to extract country geometries from the TopoJSON file.

AI-generated description