Skip to main content
100%

Choropleth Map

✓ Published0🌍 Public
Rrobertmreedy
Last edited Jun 24, 2020
Created on Jun 24, 2020
Forked from Stylized Bar Chart

This example uses a choropleth map to display the unemployment rate (%) for each U.S. state. The color of each state corresponds to its value, with a legend on the right providing the scale. The map is rendered using D3.js (v5) and React, with the `d3.geoPath` projection drawing the state boundaries and a TopoJSON mesh creating the white state separations. A tooltip is appended to each state path to reveal the exact state name and unemployment rate. The data is stored in a Map object and applied to each state's fill color via the `color` scale.

AI-generated description
MIT Licensed

Similar vizzes