Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3: World Map

Public visualization

Viewing a saved revision (read-only)

62bbacb33cc7409b92a2561e0ce4815b

D3: World Map

0 stars0🌍 Public
Ccaedcagt76@gmail.com
Last edited Dec 22, 2023
Created on Dec 22, 2023

This example visualizes world geography using D3 and TopoJSON, rendering country boundaries as an SVG map. It loads spatial data from the `world-atlas` package via `d3.json` and converts TopoJSON features with the `feature` function. The map is drawn using `d3.geoPath` and a `d3.geoEqualEarth` projection onto a 960×500 SVG canvas. A CSS class named `.highlighted` is defined but not actively applied, leaving the map uncolored and displaying only default black country outlines against a white background.

AI-generated description

Using D3 to visualize world maps

References: