Skip to main content
SimilarExport ZIP
100%

Viz for Voter Data

✓ Published0🌍 Public
BBrian
Last edited Jul 30, 2020
Created on Jul 28, 2020

This visualization shows voter-eligible participation (VEP) percentages for each U.S. state across election years, highlighting changes between presidential and midterm elections. Dots represent individual state-year data points, with lines connecting consecutive elections of the same type, and hovering over a point enlarges it to show the selected state. The chart uses D3.js v5’s `scaleLinear`, `axisLeft`, `axisBottom`, and `line` APIs, rendering as SVG. Data is loaded from a CSV file containing VEP figures by state and year, with jitter added to x-positions using `d3.randomUniform` to separate overlapping points.

AI-generated description

Viz for voter data

TODO: fix RNG seed

http://www.electproject.org/

https://www.ncsl.org/

MIT Licensed

Similar vizzes

Loading thumbnail…

New Voters (Voters v/s State with Month)

This visualization displays the number of newly registered voters across U.S. states, broken down by month. Each bar represents a state’s total new voters, with color encoding denoting the month. The data is loaded from a CSV via d3.csv and rendered using Vega-Lite API (vl.markBar). The chart uses quantitative and nominal fields for bars and tooltips, with axes configured for readability. Custom config adjusts label and title styling, while the visualization autosizes to fit the browser window.

VVamsi Bhargav Sukamanchi
73% 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
Loading thumbnail…

Election History

This visualization displays over two centuries of U.S. presidential election results as a grid of colored cells, one per state and election year, with fill color indicating the winning party and opacity reflecting vote share. Built with D3 v4, it uses SVG rectangles mapped via `d3.scaleBand` for both axes, and adds a hover-based tooltip that highlights the corresponding row and column while showing vote totals and party percentages. A button toggles the vertical sorting between alphabetical and chronological state order using an animated transition.

TThanaporn-sk
70% match
Loading thumbnail…

Election History

This visualization displays over two centuries of U.S. presidential election results as a grid of colored cells, one per state and election year, with fill color indicating the winning party and opacity reflecting vote share. Built with D3 v4, it uses SVG rectangles mapped via `d3.scaleBand` for both axes, and adds a hover-based tooltip that highlights the corresponding row and column while showing vote totals and party percentages. A button toggles the vertical sorting between alphabetical and chronological state order using an animated transition.

TThanaporn-sk
70% 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
70% match
Loading thumbnail…

Untitled

This interactive bar chart displays the percentage of survey respondents by racial group who overreport voter turnout in three U.S. election years (2008, 2012, 2016). Buttons trigger updates between datasets, animating bar heights via D3 transitions. The visualization uses D3 v6 with `d3.scaleBand` for the categorical x-axis, `d3.scaleLinear` for the y-axis, and d3-axis to render both axes. Each bar’s y-position and height are recalculated from the value property, with a 1000-millisecond transition applied to all entering, updating, and exiting rectangles.

Mmandu427
69% match
Loading thumbnail…

Voter preference

This interactive visualization explores voter preferences among 2016 Republican presidential candidates using a circular network diagram. Clicking a candidate recenters the layout and highlights their head-to-head matchups against all rivals, with link thickness and position indicating support strength. A second panel displays stacked bar charts showing each candidate’s ranking as first through sixth choice, allowing users to click and remove candidates to see how votes redistribute. Built with D3.js and Vue, the SVG animation uses `transition.attr`, `dataAppend`, and custom scales, processing ranked-choice survey data from a CSV file.

11wheel
69% 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
69% match