Viewing a saved revision (read-only)
6e44a85d7a3341e59771e1e353711535
A9 - Choropleth
This choropleth maps 2021 poverty rates by U.S. county, coloring each county on a blue sequential scale where rates are multiplied by five for stronger visual contrast. The visualization loads county and state geometries from the us-atlas TopoJSON file, then joins them with USDA Economic Research Service poverty estimates via FIPS codes. It renders using d3.geoPath inside an SVG, with state boundaries drawn as white meshes and county tooltips showing the county name, state, and exact poverty percentage. The code uses d3.json and d3.csv for data loading, along with d3.scaleSequential and d3.interpolateBlues for color encoding.
AI-generated descriptionFull dataset from Network Data Repository
Data represents connections between uses on a (now defunct) social network for software developers--Advogato.
(Due to the nature of this dataset (1000 entries), one must scroll or zoom out to see the entire visualization. Fullscreen mode is highly recommended.)
References:
- Observable: Force-directed graph
- Observable: Force-directed graph component
- Handbook of Graphs and Networks in People Analytics: Advanced Network Visualization using D3 (Chapter 11)
- Robin Weser/NinjaConcept: Interactive & Dynamic Force-Directed Graphs with D3
- D3 in Depth: D3 Force layout
- The React Graph Gallery: Force-directed Network diagram with React and D3.js
- LVNGD: Building A Force-Directed Network Graph with D3.js
- d3 Google Group: D3.JS force layout graph dynamic update
- StackOverflow: Add node to force directed graph in d3.js
- Prior assignments