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)

cbe257c430024f289c5a7290a3ccdc70

Let's make a map with D3.js!

0 stars3🌍 Public
HHwl98
Last edited Apr 22, 2020
Created on Apr 20, 2020
Forked from HTML Starter

This example displays a world map rendered with SVG paths, using D3.js v5 and TopoJSON. It loads geographic country boundaries from the world-atlas dataset and projects them with a Mercator projection. The code uses `d3.geoPath` and `d3.geoMercator` to generate the map, while `topojson.feature` converts the TopoJSON data into GeoJSON features. Countries appear filled in steel blue with black, semi-transparent borders, demonstrating a minimal choropleth-style base map.

AI-generated description

A bare minimum HTML page.

See also React Starter.