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)

c4875720019449658c132168f349ed6b

Let's make a Map with D3.js!

0 stars4🌍 Public
YYifei Liu
Last edited Sep 15, 2020
Created on Aug 25, 2020

This example visualizes a world map by rendering countries as light green SVG paths on a dark blue sphere, using data from the world-atlas TopoJSON collection. The code employs d3.geoPath with the d3.geoNaturalEarth1 projection to generate map geometries, while the topojson feature function extracts country features from the loaded dataset. It draws the sphere outline first, then appends each country path, with styling defined in an external CSS file.

AI-generated description