Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

USA Education Choropleth Map (fcc project)

Public visualization

Viewing a saved revision (read-only)

9ecf260307da42b4b3ef432636ca6c0f

USA Education Choropleth Map (fcc project)

0 stars1🌍 Public
Ttomahawk-jupiter
Last edited Jun 17, 2021
Created on Jun 17, 2021

This choropleth map shows the percentage of adults with a bachelor’s degree or higher across U.S. counties, using a sequential YlGn color scale. The React app loads county, state, and nation boundaries from a TopoJSON file and education data from freeCodeCamp’s CDN, then renders them as SVG paths via `d3.geoPath`. County colors are assigned by looking up each county’s FIPS code in a Map, with white fill for missing data. State outlines are drawn as a mesh overlay, and the map is generated with `d3.json`, `topojson.feature`, and `scaleSequential`.

AI-generated description

Learning how to make a choropleth map

freeCodeCamp project

d3 and react tutorial