Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3 Course Code Along - Choropleth Map

Public visualization

D3 Course Code Along - Choropleth Map

2 stars13🌍 Public
Rrenenadorp
Last edited Aug 24, 2022
Created on Jul 10, 2020

This choropleth map visualizes global income groups using a natural Earth projection, with countries colored according to their income classification. The map is rendered as SVG paths generated by `d3.geoPath` from TopoJSON data loaded from World Atlas, combined with TSV metadata. A custom color legend displays the ordinal color scale using `d3.scaleOrdinal` with reds, and a zoom interaction allows viewers to pan and scale the map. Animated transitions with `transition.duration` update the legend circles when the data domain changes.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed