Skip to main content
SimilarExport ZIP
100%

Fork of Fork of US House of Representatives reapportionment

✓ Published0🌍 Public
JJulie Lesseg
Last edited Aug 30, 2021
Created on Aug 30, 2021

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.

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
92% 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
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…

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

Fork of Fork of USA Country Map

A choropleth map of the United States shows each state as a filled, pink polygon with white interior boundaries, highlighting states on hover by turning them orange. Built with D3 v5, the visualization uses `geoAlbersUsaTerritories` for the projection and `geoPath` to render the geographic features. State boundaries come from the `us-atlas` TopoJSON file, processed via the TopoJSON library's `feature` and `mesh` functions, and displayed within a React application using SVG.

GGalineeharika
74% match
Loading thumbnail…

Fork of Fork of USA Country Map

A choropleth map of the United States shows each state as a filled, pink polygon with white interior boundaries, highlighting states on hover by turning them orange. Built with D3 v5, the visualization uses `geoAlbersUsaTerritories` for the projection and `geoPath` to render the geographic features. State boundaries come from the `us-atlas` TopoJSON file, processed via the TopoJSON library's `feature` and `mesh` functions, and displayed within a React application using SVG.

GGalineeharika
74% match
Loading thumbnail…

Fork of Fork of USA Country Map

A choropleth map of the United States shows each state as a filled, pink polygon with white interior boundaries, highlighting states on hover by turning them orange. Built with D3 v5, the visualization uses `geoAlbersUsaTerritories` for the projection and `geoPath` to render the geographic features. State boundaries come from the `us-atlas` TopoJSON file, processed via the TopoJSON library's `feature` and `mesh` functions, and displayed within a React application using SVG.

GGalineeharika
74% match
Loading thumbnail…

Fork of Fork of Country map

This visualization renders a choropleth map of United States territories, using a light orange fill for land areas and a contrasting teal stroke for internal state boundaries. The map is built with React and D3 v5, leveraging the `geoAlbersUsaTerritories` projection and `geoPath` to display geographic features, while TopoJSON’s `feature` and `mesh` functions process the US Atlas dataset. The SVG output is styled via CSS classes, with a separate graticule layer available for reference.

GGARIDIDEEKSHITHREDDY
74% match