Skip to main content
SimilarExport ZIP
100%

Intermediate State: US House of Representatives reapportionment

✓ Published0🌍 Public
CCurran Kelleher
Last edited Apr 27, 2021
Created on Apr 27, 2021

This visualization shows the reapportionment of US House of Representatives seats after the 2020 census, with each state’s seats represented as arcs around a central point. The code uses D3 v6 with `d3.geoPath` and an Albers USA projection to render state boundaries, while seat counts and population-per-seat values from the census data drive the arc radii. The visualization highlights maintained, added, and removed seats between 2010 and 2020, with the intermediate state showing how districts shift as populations change.

AI-generated description

Work in progress

Visualizing the reapportionment of House of Representatives seats following the 2020 census.

Data:

https://www.census.gov/data/tables/2020/dec/2020-apportionment-data.html https://www.census.gov/data/tables/2010/dec/2010-apportionment-data.html

Combined data here:

https://gist.github.com/almccon/ae281423e3bbaa1cf17b70d2414f931f

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of US House of Representatives reapportionment

This visualization shows how the 435 seats in the US House of Representatives were reapportioned between the 2010 and 2020 censuses. Concentric rings around each state centroid represent the number of congressional seats, with the arc radius scaling inversely to population per seat using d3.scaleSqrt. The map uses d3.geoAlbersUsa and d3.geoPath to render state polygons, while seat counts and population data come from a combined CSV loaded with d3.csv. States maintain their existing seats between censuses, and newly added or lost seats are represented through the ring structure.

CCurran Kelleher
86% match
Loading thumbnail…

US House of Representatives reapportionment

This visualization animates the reapportionment of U.S. House of Representatives seats after the 2020 census, comparing each state’s population per representative between 2010 and 2020. A circle for each state is sized proportionally to total population, while concentric rings represent each seat, with area scaling to population-per-seat. Greener rings indicate more people per seat (underrepresentation), bluer indicate fewer. The animation uses `d3.transition` to morph ring radii and colors, `d3.geoPath` to render state polygons, and `d3.scaleSqrt` for circle sizing, alternating between two census years based on CSV and GeoJSON data.

AAlan McConchie
84% match
Loading thumbnail…

Fork of Fork of US House of Representatives reapportionment

This visualization maps reapportionment of U.S. House seats after the 2020 census, using a geographic projection with state polygons and circular seat icons. Each state’s seats appear as rings whose radii reflect population per seat in 2010 and 2020, with colors indicating maintained, added, or removed seats. It uses `d3.geoAlbersUsa`, `d3.geoPath`, and `d3.scaleSqrt` on an SVG canvas, pulling polygon, centroid, and apportionment data from Census sources via GitHub gists.

JJulie Lesseg
84% match
Loading thumbnail…

Fork of Representatives Scatter Plot

This scatter plot compares the 2010 and 2020 population and representative counts for U.S. states. It shows changes by drawing a thin line from each state’s 2010 position to its 2020 position, with circles marking the 2020 values. The visualization uses d3.csv to load data and d3.scaleLinear, d3.scaleSqrt, d3.axisLeft, and d3.axisBottom to build the axes and scales. SVG rendering displays the marks. The dataset comes from the apportionment-2020.csv file hosted on GitHub.

CCurran Kelleher
73% match
Loading thumbnail…

Representatives Scatter Plot

A scatter plot shows how each U.S. state’s population change relates to its change in number of congressional representatives between 2010 and 2020, with circle size encoding each state’s 2020 population. The visualization uses D3 v5 with SVG rendering, employing `d3.scaleLinear` for both axes, `d3.scaleSqrt` for circle radius, and `d3.axisBottom` and `d3.axisLeft` with grid lines. Data is loaded via `d3.csv` from a GitHub Gist, with percentage tick labels formatted using `d3.format`.

CCurran Kelleher
72% match
Loading thumbnail…

Fixed projection for US States

This example visualizes US states using a fixed Albers USA projection, plotting avocado sales data from a CSV dataset for January 15, 2017. State boundaries are rendered as SVG paths via d3.geoPath and topojson.feature, with red circles marking each state’s centroid using d3.geoCentroid. The map supports pan and zoom through d3.zoom, while color-coded regions (Northeast, Midwest, South, West) are defined in CSS but remain commented out in the active code.

Jjons288
68% match
Loading thumbnail…

Fixed projection for US States

This example displays a fixed projection of US states using d3.geoAlbersUsa and d3.geoPath, with red circles marking the geographic centroid of each state. It loads avocado sales data from a CSV and merges it with TopoJSON state boundaries using topojson.feature. The visualization renders state shapes as SVG paths, with color-coded regional groupings (Northeast, Midwest, South, West) defined via d3.set filters, though the primary rendering shows all states in green with red centroid markers. The code uses d3.csv, d3.json, and d3.geoCentroid to process and position the data.

Jjons288
67% match
Loading thumbnail…

113th U.S. Congressional Districts

This example displays the 113th U.S. Congressional districts as an interactive choropleth map, with each district shading orange on hover over a gray base. It uses a custom Albers USA projection via `d3.geo.albersUsa()` and renders SVG paths with `d3.geo.path`. District and state boundaries are drawn as white strokes using `topojson.mesh`, while district features come from `topojson.feature` on data fetched from GitHub-hosted JSON files. The visualization clips all paths to the landmass using a clip path derived from a US TopoJSON mesh.

Mmbostock
67% match