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)

adc401a99e5149d0a7276de3ff21309e

Let's make a map with D3.js!

0 stars0🌍 Public
Ssam-leb
Last edited Jul 3, 2020
Created on Jul 3, 2020

This example demonstrates how to create a world map using D3.js, displaying countries as red polygons with white strokes against a blue spherical backdrop. The visualization uses a Natural Earth projection via `d3.geoNaturalEarth1` and renders geographic features with `d3.geoPath`. Country boundaries come from the World Atlas TopoJSON dataset (110m resolution), which is loaded asynchronously and converted to GeoJSON using `topojson.feature`. The SVG elements are styled through CSS, with the sphere filled in blue and country borders outlined in black.

AI-generated description