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 stars1🌍 Public
JJordan Chiu
Last edited Feb 1, 2020
Created on Feb 1, 2020

This example visualizes the countries of the world as an SVG map using D3.js. It first renders a blue sphere as the ocean background, then projects country boundaries onto it using the Natural Earth dataset and a geoNaturalEarth1 projection. The map is constructed with the `geoPath` and `geoProjection` APIs, with `topojson.feature` processing the loaded GeoJSON data. Country shapes are filled in light green with a subtle black stroke, and the map is interactive only in the sense that it renders static geographic data.

AI-generated description

Map with D3.js (Quiz 5)

Comments

Sign in to join the discussion.

MIT Licensed