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)

85e593d6a6824c039033c6eafe7c9e21

Let's make a map with D3.js!

0 stars0🌍 Public
YYIN Wanxuan
Last edited May 6, 2020
Created on May 6, 2020

This example demonstrates how to create a map using D3.js, displaying country boundaries over a blue sphere. The visualization uses a Natural Earth projection via `d3.geoNaturalEarth1` and renders geographic paths as SVG elements with the `d3.geoPath` generator. Country data is fetched from the world-atlas TopoJSON dataset and converted using the `topojson.feature` API. The map is styled with CSS, filling countries in light green and the sphere in blue, with a basic interactive-free presentation.

AI-generated description