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)

e35c2a0912df40c79e1e1be43ccf4142

Let's make a map with D3.js!

0 stars0🌍 Public
LLittledevil7
Last edited Apr 22, 2020
Created on Apr 22, 2020

This example shows a world map rendered with a blue sphere background and light green country outlines using an SVG canvas. It loads geographic data from the world-atlas TopoJSON file and converts it to GeoJSON via topojson.feature. The map uses d3.geoNaturalEarth1 for projection and d3.geoPath to generate the SVG paths, with d3.json fetching the remote dataset. The page includes a linked YouTube tutorial video and applies simple CSS styling for the sphere and country fills.

AI-generated description