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)

38cc938a9e734f8089dc2f3ab194b385

Let's make a map with D3.js!

6 stars249🌍 Public
CCurran Kelleher
Last edited Oct 6, 2018
Created on Sep 18, 2018

This example demonstrates how to create a map of the world using D3.js, rendering countries as green polygons with a blue sphere background. The visualization loads geographic data from the world-atlas TopoJSON file and converts it into GeoJSON features using the topojson library. D3’s geoNaturalEarth1 projection and geoPath generator handle the coordinate mapping and SVG path creation, while the code appends each country as a separate path element to the SVG canvas.

AI-generated description