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)

bef372e486cd4012aaa43c18b8b8725f

Let's make a map with D3.js!

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

This example shows a single blue sphere representing the Earth, rendered in an SVG canvas, with a natural Earth projection. The map is drawn using D3.js version 5, specifically the `geoNaturalEarth1` projection and `geoPath` generator, while the sphere outline is created with a `pathGenerator` on a `{type: 'Sphere'}` object. The code loads external TopoJSON data via `topojson.feature`, though the current implementation only logs the fetched data to the console and does not yet display country boundaries. The visualization uses static SVG paths with CSS classes for styling.

AI-generated description