Skip to main content
SimilarExport ZIP
100%

2020 candidates vs 2016 (preliminary results)

✓ Published0🌍 Public
AAlan McConchie
Last edited Nov 17, 2020
Created on Nov 13, 2020

This interactive visualization compares the 2020 presidential election results against the 2016 election, presenting two choropleth maps of the United States. The top map shows the 2020 margin between Biden and Trump, while the bottom map displays the 2016 margin between Clinton and Trump, with states colored on a blue-purple-red scale. Built with D3 v5, it uses `d3.geoAlbersUsa()` for the map projection and `d3.geoPath()` to render state boundaries. Vote totals are aggregated from county-level data provided by The New York Times for 2020 and the US_County_Level_Election_Results_08-20 dataset for 2016.

AI-generated description

2020 presidential election candidate results, if they were matched up against 2016's opponents.

Data from The New York Times and @tonmcg

MIT Licensed

Similar vizzes

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
83% 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
82% match
Loading thumbnail…

2020 presidential election margins (preliminary results)

A map of the United States visualizes preliminary 2020 presidential election results, showing each state's vote margin as a thick ring. The inner radius of a ring represents votes for the state's losing candidate, while the outer radius represents the winner's votes, making large populations with tight races appear as thin circles. Built with D3 v5, the code uses `d3.geoPath` with a `d3.geoAlbersUsa` projection for the map, `d3.forceSimulation` for label placement, and `d3.arc` to generate the rings. Data is aggregated from county-level election results and rendered as SVG.

EEric Brelsford
81% 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
79% 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
79% match
Loading thumbnail…

Playground 2020 presidential election margins (preliminary results)

This visualization shows the 2020 presidential election margins for each state, using donut-like rings to represent the disparity between winning and losing party votes. The inner radius of each ring indicates the losing party’s vote count, while the outer radius shows the winning party’s margin, highlighting the “excess” votes that don’t affect the Electoral College outcome. Built with d3.v5 and rendered as SVG, it uses d3.geoPath for the U.S. map and d3.scaleSqrt for circle sizing, with data scraped from The New York Times election API.

AAndre J Denais
76% match
Loading thumbnail…

Fork of 2020 presidential election margins (preliminary results)

This visualization displays the 2020 U.S. presidential election results as donut-like rings overlaid on a map of states, using preliminary data from The New York Times. Each ring's inner radius represents the losing party's votes and the outer radius the winning party's votes, so a large population state with a narrow margin appears as a thin circle, while a wide-margin state shows a thick ring. The code uses D3 v5 with `d3.geoAlbersUsa` and `d3.geoPath` to render the map, and `d3.arc` with a square-root scale to size the rings proportionally to raw vote counts. The visualization highlights the "wasted" surplus votes under the Electoral College system, where excess margins do not affect electoral outcomes.

Aape-ape-ape
75% 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
74% match