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)

de5acf88b8e241bf8f7f6baf70823f05

Let's make a map with D3.js!

0 stars1🌍 Public
MMuhammad Jarir Kanji
Last edited Dec 16, 2020
Created on Dec 16, 2020

This example renders a world map using D3.js and TopoJSON. It draws a dark blue sphere as the earth’s background and then projects country boundaries onto it using the Natural Earth1 projection via `d3.geoNaturalEarth1` and `d3.geoPath`. Country polygons come from the world-atlas TopoJSON dataset at 110m resolution. Each country is filled light green with semi-transparent black strokes, producing a simple choropleth-style base map in SVG.

AI-generated description