Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

world map

Public visualization

world map

0 stars0🌍 Public
HHimanshu Chelani
Last edited Apr 8, 2020
Created on Apr 8, 2020
Forked from HTML Starter

This example renders a world map using SVG paths generated from geographic data. The map visualizes country boundaries from the World Atlas TopoJSON dataset, projected using a natural Earth projection. The code employs D3 v5’s `geoPath` and `geoNaturalEarth1` for path generation and projection, while TopoJSON’s `feature` method converts the TopoJSON topology into GeoJSON features. Each country is drawn as an SVG path, with styling defined through CSS classes for the sphere background and country fills.

AI-generated description

A bare minimum HTML page.

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed