Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Lets make a map with D3.js

Public visualization

Viewing a saved revision (read-only)

643f6ed281a84199ac6d42112966b47e

Lets make a map with D3.js

0 stars0🌍 Public
JJonathan Phelps
Last edited Jan 29, 2020
Created on Jan 29, 2020

This example shows a world map rendered as an SVG using D3.js v5 and TopoJSON. It loads world country boundaries from the world-atlas package and converts the TopoJSON to GeoJSON with the `feature` function, then draws the map with `d3.geoPath`. The visualization is minimal, with a 960-by-500 viewport and hidden page margins, and demonstrates the basic pipeline of fetching geographic data and projecting it onto the screen.

AI-generated description