Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make a world map with D3.js!

Public visualization

Viewing a saved revision (read-only)

2df6a6ff80484d2897bed3a90b09acab

Let's make a world map with D3.js!

0 stars0🌍 Public
Yylzami40
Last edited Nov 27, 2019
Created on Nov 27, 2019

A simple world map renders countries as filled brown shapes on a blue ocean sphere, using D3.js v5 with a Natural Earth projection from `d3.geoNaturalEarth1`. The SVG paths are generated by `d3.geoPath` and features are extracted from a TopoJSON dataset (world-atlas countries-110m) via topojson's `feature` function. Countries are styled in CSS, with ocean fill applied to the initial sphere path.

AI-generated description