Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3.js map

Public visualization

Viewing a saved revision (read-only)

16efbaab188241b48a5fe8a2eb24cf86

D3.js map

0 stars1🌍 Public
Ssheafallick
Last edited Dec 16, 2022
Created on Dec 16, 2022
Forked from D3 Face

This visualization displays a flat, natural Earth projection map of world countries, rendered as a single SVG with light green landmasses and a light blue ocean sphere. It uses D3.js v7 (with `select`, `json`, `geoPath`, and `geoNaturalEarth1`) and TopoJSON’s `feature` method to load and convert country boundaries from the world-atlas dataset. The code appends paths for the sphere and each country, styling them via CSS, and runs entirely client-side in a bare HTML page.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.