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)

447a24858e5149f8b577b19a839b7a8e

Let's make a map with D3.js!

0 stars0🌍 Public
Hhuashe418
Last edited Mar 25, 2022
Created on Mar 25, 2022

This example renders a world map with D3.js, displaying country boundaries and a blue sphere as the base layer. It uses the `geoNaturalEarth1` projection and `d3.geoPath` to generate SVG paths from TopoJSON data loaded from the world-atlas dataset. The visualization demonstrates a simple two-step workflow: drawing the sphere outline first, then fetching and appending each country's path via `topojson.feature`. The map is styled with CSS, using a light green fill for countries and a dark blue ocean, with a clean, minimal aesthetic.

AI-generated description