2016 Election Results Circle Pack

100%

2016 Election Results Circle Pack

✓ Published1🌍 Public

Last edited May 1, 2025

Created on Jun 4, 2024

This circle pack visualization displays county-level results from the 2016 US presidential election, with each county circle colored blue or red based on winning party and state-level circles containing their counties. It uses d3.stratify and d3.pack to compute the hierarchical layout, with zoom support via d3.zoom. Data comes from a GitHub CSV file, and circles use radial gradients defined in SVG defs for visual depth.

AI-generated description

A circle pack visualization of the 2016 US presidential election showing county-level results.

Data from GitHub: john-guerra/US_Elections_Results.

MIT Licensed

Similar vizzes

Loading thumbnail…

US States and Counties Circle Pack

This circle pack visualization displays the results of the 2016 US presidential election at the county level, nested within each state. The hierarchical layout is computed using d3.stratify and d3.pack, with circle sizes proportional to vote totals and colors derived from a depth-based d3.interpolateTurbo scale. Data is loaded from a CSV file via d3.csv, and interactive zooming is enabled through d3.zoom. County-level colors distinguish Democratic and Republican victories, while state and county labels are rendered with the Nunito font.

CCurran Kelleher

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

78% match

Loading thumbnail…

2020 presidential election margins (preliminary results)

A choropleth of the United States shows preliminary 2020 presidential election results, with states colored by popular vote margin and overlaid with circles and rings representing each state’s total votes for the two major parties. The size of each circle encodes the vote count using `d3.scaleSqrt`, while the difference between inner and outer radii visualizes the margin. States are drawn with `d3.geoPath` from TopoJSON, and a `d3.forceSimulation` with `d3.forceCollide` prevents overlapping bubbles. Data is aggregated from county-level CSV results.

EEric Brelsford

77% match

Loading thumbnail…

Us 2020 elections by county

A choropleth map of the US 2020 presidential election results by county colors each county on a red-blue diverging scale based on the margin between Democratic and Republican votes, with state borders overlaid in white. Hovering over a county updates a detail panel showing the vote percentages and a horizontal bar comparison between Joe Biden and Donald Trump. The visualization uses D3 v4 with `d3.geoAlbersUsa` and `d3.geoPath` to render TopoJSON county boundaries from the US Census, while `d3.scaleSequential` with `d3.interpolateRdBu` handles the color encoding. Data comes from The Guardian and USA Today.

Ggcappadaniel

76% match

Loading thumbnail…

US 2012 elections by zipcode

This interactive map shows the 2012 US presidential election results by county, visualized as a zoomable choropleth. The color of each county path reflects the difference between Democratic and Republican vote percentages, ranging from blue to red. Users can hover over counties to see details and click to zoom. Built with D3 v4, the visualization uses `d3.geoPath` and a custom `d3.zoom` handler to render topojson county boundaries. Election data is sourced from The Guardian.

SSamagoue

76% match

Loading thumbnail…

2020 presidential election margins (preliminary results)

A map of the 2020 U.S. presidential election shows state-level vote margins as concentric rings overlaid on a geographic projection of state borders. The rings encode excess votes: the inner radius represents the losing party's votes, the outer radius the winner's, making large-population states with narrow margins appear as thin circles. Using D3 v5 with `d3.geoPath` and `d3.forceSimulation`, the visualization aggregates county-level results from the US_County_Level_Election_Results_08-20 dataset, and renders SVG elements with `d3.arc` to generate the ring geometry.

EEric Brelsford

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

2020 presidential election margins (preliminary results)

This visualization depicts the 2020 presidential election state vote margins using concentric rings, where the inner radius represents the losing party's votes and the outer radius the winner's, effectively highlighting surplus votes. The D3.js v5 map uses `d3.geoAlbersUsa` and `d3.geoPath` to render state borders, with `d3.arc` generating the proportional rings. Data is sourced from The New York Times election API, with circle sizes scaled using `d3.scaleSqrt`.

AAlan McConchie

73% match