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)

bcc6d2a409924e69a077cceeb3542c95

Let's make a map with D3.js!

0 stars1🌍 Public
Cchaimmaeee
Last edited Nov 26, 2020
Created on Nov 25, 2020

This example shows a natural Earth projection of the world, rendered as a blue sphere with no country boundaries loaded yet. The visualization uses D3 v5’s `geoNaturalEarth1` projection and `geoPath` to draw the sphere outline, while `topojson.feature` is called on an external GeoJSON file fetched via `d3.json`. The SVG canvas is 960 by 500 pixels, with the sphere filled in blue and CSS classes prepared for future country styling. The code’s console logs the fetched data but does not yet display it on the map.

AI-generated description