Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Choropleth map

Public visualization

Choropleth map

0 stars1🌍 Public
Bbambaleq
Last edited Feb 3, 2020
Created on Feb 3, 2020
Forked from Let's make a map

This choropleth map visualizes world countries using D3.js and the topojson library, rendering geographic boundaries as SVG paths. It displays country names as tooltips on hover, with countries filled red against a steel-blue ocean background. The visualization loads geographic data from the world-atlas package, combining 50m.tsv metadata with 50m.json topology, and processes it using D3’s file-loading utilities and TopoJSON’s feature conversion. The map uses a Mercator projection and includes pan and zoom functionality through D3’s zoom interaction handler.

AI-generated description

A bare minimum HTML page.

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed