Skip to main content
SimilarExport ZIP
100%

Us 2020 elections by county

✓ Published0🌍 Public
Ggcappadaniel
Last edited Nov 16, 2020
Created on Nov 16, 2020

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.

AI-generated description

US 2020 election results by county

Data: The Guardian and USA Today

County boundaries from: https://www.census.gov/geographies/mapping-files/time-series/geo/carto-boundary-file.html

Code based on: https://bl.ocks.org/john-guerra/raw/213160a5025315f028cda4ebc0c97256/

MIT Licensed

Similar vizzes

Loading thumbnail…

2020 candidates vs 2016 (preliminary results)

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.

AAlan McConchie
83% 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
81% 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
81% 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
77% 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
77% 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
77% match
Loading thumbnail…

US Map

This interactive visualization displays all US counties as a choropleth-style map rendered with a natural Earth projection using d3.geoPath. The map is drawn with SVG elements, featuring graticules and a sphere outline to provide geographic context. County boundaries come from a TopoJSON file loaded asynchronously and converted to GeoJSON features. Built with React and D3 v7, the visualization dynamically fills the browser window and uses the Poppins font for its minimal interface.

JJohn Lewis
76% match
Loading thumbnail…

US Election Base Map

This interactive map of the United States provides a zoomable base map for exploring election data across states, counties, and congressional districts. Built with D3.js v3 and TopoJSON, it renders geographic boundaries as SVG paths, with users able to toggle between administrative levels using radio buttons. Clicking a feature triggers a smooth zoom animation into the selected region, while a home button resets the view. A tooltip displays additional context on hover. The map uses a clean white background and subtle gray fill for landmasses, with strokes emphasizing boundaries. The implementation demonstrates reusable D3 patterns and geographic projection handling.

EEvertLagerberg
76% match