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)

356ac795c313488a8abc40a07a644005

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