Skip to main content
SimilarExport ZIP
100%

Fork of Representatives Scatter Plot

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

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.

AI-generated description
MIT Licensed

Similar vizzes

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

Scatter Plot

A scatter plot displays the population of U.S. states from 2018 data, with each state represented as a circle positioned along a linear population axis and a categorical state axis. The visualization is rendered as an SVG using D3 v5, where the circle coordinates are computed via the `scaleLinear` and `scalePoint` scales, and axes are drawn with `axisBottom` and `axisLeft`. The chart includes a title and axis label, with population values formatted using D3's `format` function to abbreviate large numbers.

PPerry
78% match
Loading thumbnail…

Fork of Scatterplot test

A scatterplot maps Texas counties by voter turnout against the margin of victory in the 2012 and 2018 Senate elections, with circle size scaled to population. Arrows connect each county’s 2012 position to its 2018 position, showing change over time. Built with D3 v5 and jQuery, the visualization uses d3.scaleLinear, d3.axisBottom, and d3.axisLeft, with interactive mouseover events that highlight counties and a dropdown menu to filter selections. Data is loaded from CSV files and rendered as SVG.

Aamulyakannam
78% 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…

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

Fork of Scatter Plot Using Different Data Set

This scatter plot visualizes the relationship between state-level values for the years 2020 and 2024, with each circle representing a state. The chart compares economic or demographic metrics across these two time points, revealing correlations or shifts over the period. Built with D3 v6, the visualization uses reusable module patterns via `scatterPlot.js`, employing `scaleLinear`, `extent`, and `axisLeft`/`axisBottom` for scales and axes. Data is loaded from a CSV file using `d3.csv` and parsed with a custom `parseRow` function, then rendered as SVG circles with steelblue fill and 0.7 opacity. The example demonstrates a modular, data-driven approach to scatter plot construction.

Ssrividyamadas@gmail.com
75% match
Loading thumbnail…

Fork of Scatter Plot - ICE 6

This example visualizes birth-rate trends across U.S. states by plotting each state as a dot, comparing values from 2017 on the x-axis against 2018 on the y-axis. The scatter plot uses a fixed square scale domain (250,000 to 600,000) to emphasize changes between the two years, with green circles outlined in black. The code loads a CSV dataset via `d3.csv`, parses numeric fields, and renders the chart using D3 v6 with SVG elements, axes via `d3.axisBottom` and `d3.axisLeft`, and circle elements bound to the data. A mouseover handler logs the state and its two-year values to the console, but no interactive tooltip is displayed.

NNandini Maddula
74% match