Scatterplot test

100%

Scatterplot test

✓ Published1🌍 Public

Last edited Nov 15, 2018

Created on Oct 10, 2018

This scatterplot shows the relationship between voter turnout and election results for Texas counties in 2012 and 2018. Each circle represents a county, positioned by its Republican or Democratic margin and sized by population. Semi-transparent lines connect each county’s 2012 and 2018 positions to reveal shifts over time. The visualization uses D3 v5’s `scaleLinear`, `axisBottom`, and `axisLeft` APIs, with SVG rendering and CSS transitions for interactive highlighting. Data is loaded from CSV files via `d3.csv`, and jQuery manages the county selection menu and element reordering.

AI-generated description

Scatterplot test. This is a description using Markdown.

MIT Licensed

Similar vizzes

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

88% match

Loading thumbnail…

Amulya_kannam

This interactive animated scatterplot compares Texas county voter turnout and partisan margins between 2012 and 2018, with circles sized by population. The visualization includes a dropdown menu to highlight individual counties, and hover interactions add activation classes. It uses D3 v5 with SVG rendering, loading CSV data from an Amazon S3 bucket, and animates axes through a `setInterval` loop cycling among different data columns. The code also builds connecting lines with arrowheads between election years and displays a color-coded legend for word-wrap categories.

Aamulyakannam

79% match

Loading thumbnail…

US Election Data Scatterplot

This scatterplot displays US House election results from 2008 to 2020, plotting each candidate’s vote count against the total votes cast in their district. The x-axis shows total votes, while the y-axis shows candidate votes, with overlapping semi-transparent circles revealing density patterns. The visualization uses d3.v6 to load CSV data from a GitHub gist, parses rows with numeric fields, and renders points via SVG circles scaled with d3.scaleLinear. Axes are generated using d3.axisLeft and d3.axisBottom, with the chart sized to the full window.

PPeter VanNostrand

75% match

Loading thumbnail…

AK_viz

AK_viz visualizes Texas county-level election results, comparing voter turnout and partisanship between 2012 and 2018 Senate races. Each circle represents a county positioned by its partisan margin and turnout, with size encoding population, while lines with arrowheads connect the same county’s two-year transition. The SVG animation uses D3 v5 transitions and scales, with mouseover handlers highlighting counties and a dropdown menu for selection. Data is loaded from a CSV and processed via ES6 modules, with random values generated for 2018 metrics.

Aamulyakannam

74% match

Loading thumbnail…

2016 US Vote Totals

A scatterplot displays total votes per U.S. state in the 2016 election, with each state represented by a circle positioned by its vote count on the y-axis and state name on the x-axis. The visualization uses React to render SVG elements, with D3 v6 scales and axes handling the layout. Data comes from a CSV file of county-level election results aggregated by state. The chart employs `d3.scaleBand` for the categorical x-axis, `d3.scaleLinear` for the numeric y-axis, and a `d3.scaleOrdinal` color scale, though the fill is currently disabled.

AAndre J Denais

72% match

Loading thumbnail…

closest-county

This interactive visualization lets users explore how U.S. counties voted in presidential elections from 1912 to 2012. A side panel with election years acts as a filter; clicking a year highlights how closely each county’s voting pattern matches the selected sequence of Democratic or Republican wins. The top 32 best-matching counties are displayed as rows of colored cells, with green indicating a match and orange a mismatch. The code uses `d3.loadData`, `d3.nestBy`, and `d3.attachTooltip` on SVG elements, drawing from the included TSV vote data.

11wheel

71% 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

70% 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

69% match