Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

CS 360: Assignment 9 Choropleth map in d3

Public visualization

Viewing a saved revision (read-only)

f914b7249e924146b2d197a901d817b2

CS 360: Assignment 9 Choropleth map in d3

0 stars0🌍 Public
SSean Sanchez
Last edited Apr 13, 2022
Created on Apr 12, 2022
Forked from HTML Starter

This choropleth map visualizes poverty estimates across US states, with darker shades of gray indicating higher poverty rates on a 5-class ColorBrewer scale. The visualization merges data from a cleaned CSV file with US state GeoJSON boundaries using d3.csv and d3.json, then renders the map as SVG paths with d3.geoAlbersUsa projection and d3.geoPath. A d3.scaleQuantize maps poverty values to the color range, while states without matching data appear in light gray. The map includes a title and uses d3.v4 within a React framework.

AI-generated description