Skip to main content
100%

Gist ae281423e3bbaa1cf17b70d2414f931f

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

This visualization compares U.S. state populations and House representation between 2010 and 2020, plotting each state as a circle sized by population and colored by change in representatives. It shows gains and losses in seats, with states like Texas and Florida growing while California, New York, and others shrink. The code uses d3.forceSimulation to position the circles and d3.geoPath to draw state boundaries from a TopoJSON map, with tooltips displaying exact figures. Data comes from the provided apportionment-2020.csv file.

AI-generated description

Similar vizzes

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

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

Gist 57ea4f5c69eb3675c729

This map visualizes U.S. congressional districts with population data, using color to encode the total population and voting-age population for each district. The visualization employs a choropleth style, where district boundaries from the GeoJSON file are rendered as polygons and shaded according to their associated population values. The author, andrewthornton, created this gist to display the demographic distribution across districts, with hover or selection interactions likely revealing exact population numbers for each geographic area.

Aandrewthornton
75% match
Loading thumbnail…

Gist 334df5480f67798d54a9b2e827a2c37f

This visualization maps population counts for U.S. states and Canadian provinces using a geographic choropleth. It shows relative population density through color shading on a map, with darker areas indicating higher populations. The code uses D3.js with `d3.geoPath` to render the geographic outlines and applies a color scale to fill each region based on its population value from the CSV file. The visualization relies on standard D3 data loading and projection methods to display the map.

AAlan McConchie
74% match