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)

a2054b51f6804684b2b29a8ae0c2368f

Let's make a map with D3.js!

0 stars0🌍 Public
Ssriramvsharma
Last edited Nov 15, 2020
Created on Nov 15, 2020

This example renders a world map using D3.js version 5 and TopoJSON, displaying countries as light green paths with subtle black strokes against a blue spherical backdrop. It uses `d3.geoNaturalEarth1` for the projection and `d3.geoPath` to generate SVG paths from geographic features. The map loads country boundaries from the world-atlas TopoJSON dataset (110m resolution) via `d3.json`, then appends each country path to the SVG canvas. The visualization demonstrates a clean, static cartographic rendering suitable for introductory mapping tutorials.

AI-generated description