Skip to main content
SimilarExport ZIP
100%

US House of Representatives reapportionment

✓ Published2🌍 Public
AAlan McConchie
Last edited Apr 30, 2021
Created on Apr 27, 2021

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.

AI-generated description

Work in progress. For best results, view on an extremely large screen!

Visualizing the reapportionment of House of Representatives seats following the 2020 census. Some background on the concept of reapportionment from CNN: https://www.cnn.com/2021/04/26/politics/us-census-2020-results/index.html

The overall size of the circle for each state represents the total population of the state. The rings within each circle show the number of representatives for that state (such that the amount of area covered by each ring is proportional to the number of people represented by each house seat). Thus, larger rings show cases where the state has more than the average number of people per seat (most noticable by looking at the different sizes of the innermost ring). So in 2010 Montana was one of the most underrepresented states (it had the most people per house seat) but in the 2020 reapportionment it is now one of the most overrepresented.

The colors also encode this information: greener circles are have more people per seat, and bluer circles have fewer people per seat. (The alternating pale rings are just to make it easier to see the total number of seats).

Notice how some states get larger in overall population but still lose seats, like California and New York.

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
90% 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
87% match
Loading thumbnail…

Intermediate State: US House of Representatives reapportionment

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.

CCurran Kelleher
84% 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
76% 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
76% match
Loading thumbnail…

Symbol map

This symbol map shows the population of each U.S. state and the District of Columbia using circles sized proportionally to population, overlaid on a geographic outline of the country. The visualization sorts the states by population and uses a square-root scale to determine circle radius, ensuring areas are proportional to population values. It is built with D3 v3, TopoJSON for the state boundaries, and a queue to load the GeoJSON centroid data. Rendering uses SVG with a `d3.geo.path` projection and `pointRadius` to size each symbol.

EEleonore9
67% match
Loading thumbnail…

US Population Estimates 2020-

A choropleth map of 2020 US state population estimates uses a linear color scale from light gray to teal to encode population values. The visualization loads state population data from a CSV and US state boundaries from GeoJSON, then merges them by state name. It renders the map using d3.geoPath with the d3.geoAlbersUsa projection, and includes a vertical legend built with d3.legendColor. The SVG output is responsive and styled with a custom CSS file.

PPeter Gish
67% match
Loading thumbnail…

Assignment 9: Proportional Map

This map of the United States uses green circles of proportional size to depict the relative housing cost index for each state, with a legend indicating values of 100, 200, and 300. The visualization renders the state outlines as an SVG path from TopoJSON data, while the data-driven symbols are drawn from a centroid point layer. The code employs d3.geo.path and d3.scale.sqrt for the projection and proportional scaling, loading the dataset from a CSV file to define the circle radii.

Aamrubal
66% match