🌍 Public
Fork of United States Educational Attainment - Choropleth Map
AAndre J Denais
Last edited Dec 18, 2022
Created on Dec 18, 2022
A choropleth map shows the percentage of adults with a bachelor's degree or higher across U.S. counties, using a purple sequential color scale. Hovering over a county displays a tooltip with the county name, state, and exact percentage. The visualization loads county boundaries from TopoJSON and education statistics from a FreeCodeCamp-hosted JSON dataset, rendering them as SVG paths via `geoPath`. React manages the component state, while D3 v5 handles the `scaleThreshold` color mapping and the interactive legend.
AI-generated descriptionUnited States Educational Attainment - Choropleth Map
:camera: Preview:
<img src="https://projects-preview.s3.eu-west-3.amazonaws.com/Heat+Map+mbdev.webp" />:hammer: Module bundler: Rollupjs
:page_with_curl: US Education Data US County Data
:pushpin: Live Demo
MIT Licensed
Comments
Sign in to join the discussion.