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
SSimon Pettersson
Last edited Jan 30, 2022
Created on Jan 30, 2022

This example shows a world map rendered as a natural Earth projection, with each country filled in light green and the ocean as a blue sphere. The visualization uses D3 v5’s data-join to bind GeoJSON country features derived from the TopoJSON World Atlas dataset via `topojson.feature`. A `d3.geoNaturalEarth1` projection and `d3.geoPath` generator draw the SVG paths, while a separate path outlines the full sphere background. The map is static, with no interaction or animation.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed