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)

587582a11b874389b72eeffd00313a46

Let's make a Map with D3.js!

0 stars1🌍 Public
CChristine Lanser
Last edited Oct 6, 2020
Created on Oct 6, 2020

This example displays a world map rendered as SVG paths using D3.js. It loads world-atlas TopoJSON data via `d3.json`, converts it to GeoJSON with `topojson.feature`, and projects it using `d3.geoMercator`. The `d3.geoPath` generator sets the `d` attribute for each country path through a data join, producing a simplified 110m-resolution map.

AI-generated description

DOM manipulation to make Map