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
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

Comments

Sign in to join the discussion.

MIT Licensed