2020 presidential election margins (preliminary results)

100%

2020 presidential election margins (preliminary results)

✓ Published0🌍 Public

Last edited Nov 12, 2020

Created on Nov 12, 2020

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.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

Similar vizzes

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

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

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

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

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

84% match

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

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

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

75% match