Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

world map

Public visualization

Viewing a saved revision (read-only)

d8b4ba81d5e24ae890b7c781bc9c0bf8

world map

0 stars0🌍 Public
Ppavankalyan1507
Last edited Apr 3, 2022
Created on Apr 3, 2022
Forked from ICE 8 world map

This example shows a world map of all countries rendered as grey SVG paths with black borders on a yellow background. It uses D3 v5's `geoNaturalEarth1` projection and `geoPath` to generate the geographic shapes. Country boundaries come from a TopoJSON file loaded from the world-atlas dataset via a URL, processed with the `topojson.feature` API. The code fetches the data asynchronously with `json()`, then appends each country as a `path` element to the SVG canvas.

AI-generated description