🌍 Public
Viewing a saved revision (read-only)
96907bd8a04f481fb87c9a5fef53f0dd
A9 - Choropleth Map
RRiya Mathur
Last edited Mar 31, 2024
Created on Mar 31, 2024
This choropleth map displays the percentage of adults age 25 and older with a bachelor’s degree or higher across U.S. counties, using data from the FreeCodeCamp education dataset. Counties are colored with a threshold scale using `d3.schemePurples[8]`, with missing data rendered in gray. The map is built with React and D3 v5, using `d3.geoPath` to project county boundaries from TopoJSON, while a custom legend and hover tooltip show exact percentages. The tooltip positioning and visibility are handled manually through mouse events.
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