Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Chloropeth Map

Public visualization

Viewing a saved revision (read-only)

d9029aa870c84b5cbeb408303bdcff4f

Chloropeth Map

0 stars3🌍 Public
BB Sundaresan
Last edited Jul 16, 2020
Created on Jul 15, 2020

This choropleth map visualizes countries by their economic classification using a red-yellow-green color scale. Built with React and D3, it renders geographic boundaries via the `d3.geoPath` projection on a natural Earth base layer, with country data loaded from TopoJSON and TSV files. A color legend with animated transitions shows the ordinal scale mapping, and the map supports interactive zooming through `d3.zoom` events, while hover states provide tooltips with country names and economic values.

AI-generated description

A bare minimum HTML page.

See also React Starter.