Election History

100%

Election History

✓ Published0🌍 Public

Last edited Apr 26, 2019

Created on Apr 26, 2019

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.

AI-generated description

This is a riff on this chart that I made for testing the tooltip from here: Avoidant Tooltip

forked from <a href='http://bl.ocks.org/alexmacy/'>alexmacy</a>'s block: <a href='http://bl.ocks.org/alexmacy/4d8168d038e0a75cfaf33cf290f51458'>Election History w/ Avoidant Tooltip</a>

mit Licensed

Similar vizzes

Loading thumbnail…

Election History

TThanaporn-sk

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

75% match

Loading thumbnail…

Election

This election dashboard visualizes anomalies across 400 Thai electoral districts using SVG and animated transitions. It shows the number of reported problems, invalid ballots, and voter turnout for both district-based and party-list election methods, with data from MainPointComplete.csv. The interface combines multiple D3.js v7 components: a bar chart with sortable ranks, a pie chart displaying winning party proportions, a dot matrix map, and a scatter plot with trend lines. Users toggle between election types and tab buttons to filter views.

NNiru

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

73% match

Loading thumbnail…

State Choropleth

This visualization shows a choropleth map of the United States colored by the margin of victory in the 2012 presidential election, with blue representing Democratic wins and red for Republican wins. It also uses a striped pattern to indicate states without data. The map is rendered with SVG using D3 v3 and the `d3.geo.path` API, with geographic data loaded via TopoJSON and the queue library. A linear color scale maps electoral vote differences, and a d3-legend color legend displays the scale.

SSpaceActuary

73% match

Loading thumbnail…

[A10] Bar Chart of 2016 Election Data (Found Black Hat + White Hat Redesign)

This bar chart visualizes voter quantities across four political groups, using a color scale of blue, red, black, and gray to differentiate categories. The visualization loads election results from a CSV file via d3.csv, then renders SVG bars with d3.scaleBand for the x-axis and d3.scaleLinear for the y-axis. Interactive hover effects change bar opacity and display a quantity tooltip, while axes are labeled using d3.axisBottom and d3.axisLeft.

Cctan13@dons.usfca.edu

73% match

Loading thumbnail…

Week 7 New Technique

This visualization is a choropleth map of the 2020 U.S. presidential election results, coloring states by the proportion of votes cast for the Democratic versus Republican candidates. The map uses a red-white-blue color scale—red for states that voted more Republican, blue for those voting more Democratic, and white for true swing states—with color intensity reflecting the margin of victory. It is built with D3 and TopoJSON, loading US state boundaries from a public TopoJSON atlas and aggregating county-level election returns to compute statewide Democratic vote shares. A key technique is the use of `d3.geoIdentity` for map projection and `d3.interpolateRgbBasis` with a diverging color palette to smoothly transition across the political spectrum. The visualization dynamically updates once the geographic and election data are fetched and merged, providing an at-a-glance view of partisan voting patterns across the United States in the 2020 presidential election.

IIan Coolidge

72% match

Loading thumbnail…

Final Project - Ian Coolidge

This interactive map visualizes U.S. presidential election results from 1976 to 2020, allowing users to explore state-level winners, vote counts, and electoral college totals via a dropdown menu and hover tooltips. A custom mode lets users cycle state control by clicking, and right-clicking opens a multi-line chart tracking Democratic and Republican votes over time for that state. The visualization uses D3.js with `d3.geoPath` and TopoJSON for the map, alongside data from the MIT Election Lab dataset.

IIan Coolidge

72% match