Fork of Scatterplot test

100%

Fork of Scatterplot test

✓ Published1🌍 Public

Last edited Jul 3, 2022

Created on Jul 3, 2022

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.

AI-generated description

Scatterplot test. This is a description using Markdown.

MIT Licensed

Similar vizzes

Loading thumbnail…

Scatterplot test

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.

LLayne Smith

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

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

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

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

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

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

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

73% match