Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make a map with D3.js!

Public visualization

Let's make a map with D3.js!

0 stars0🌍 Public
JJohn Wambua
Last edited May 28, 2020
Created on May 28, 2020

This example demonstrates a basic world map visualization created with D3.js v5 and TopoJSON. It renders a natural Earth projection of countries as SVG paths, with a blue sphere background and light green country fillings with subtle black strokes. The code uses `d3.geoNaturalEarth1` for the projection, `d3.geoPath` to generate path data, and `topojson.feature` to extract country geometries from the world-atlas dataset. Country boundaries are drawn from the 110m resolution world-atlas TopoJSON file fetched via `d3.json`.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed