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)

714e1771a0054d65a05977d5bf398e2d

Let's make a map with D3.js!

0 stars0🌍 Public
Jjeronimoek
Last edited Apr 18, 2020
Created on Apr 18, 2020

This example displays a world map with countries filled in light green, overlaid on a blue sphere, using a natural Earth projection. The visualization is rendered as SVG paths, with the sphere and country boundaries generated through D3’s `geoPath` and `geoNaturalEarth1` projection. Country geometries come from the world-atlas TopoJSON dataset accessed via a URL, and are converted using the `topojson` `feature` function. The map is drawn onto a 960-by-500 pixel SVG canvas, with styling for fill and stroke defined in CSS.

AI-generated description