Skip to main content
100%

OpenStreetMap US Election 2020 | OpaVote

✓ Published0🌍 Public
AAlan McConchie
Last edited Feb 11, 2020
Created on Feb 11, 2020

This animated map visualizes the 2020 US election results overlaid on OpenStreetMap tiles, using SVG and canvas rendering to show state-by-state outcomes. The visualization animates vote counts and percentages, with states colored by the leading candidate as results update dynamically. Built with D3.js and Blockbuilder, it leverages geographic data from OpenStreetMap to display a choropleth-style electoral map, with Bootstrap providing the layout framework. The animation emphasizes shifts in vote tallies over time, giving a dynamic view of the election night returns.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

Loading thumbnail…

USA 2012 presidential election (slow AF version)

This block maps the 2012 U.S. presidential election results by county, coloring each polygon based on the winning candidate (Obama or Romney) and shading by margin of victory. The SVG rendering uses a TopoJSON file of county boundaries with embedded vote counts and percentages, and likely animates the choropleth with a slow transition effect — hence the "slow AF version" title. The map emphasizes the geographic distribution of votes, with counties colored by winner and the intensity of the color representing the margin. The data includes per-county vote tallies for Obama, Romney, and others, plus percentage and winner fields, rendered as an interactive SVG visualization. It is built with blockbuilder.org, forked from almccon's original block.# USA 2012 presidential election (slow AF version) An SVG choropleth map of U.S. counties colored by the 2012 presidential election results. Each county polygon is shaded based on the winning candidate (Obama or Romney) and the margin of victory, with darker shades representing larger winning percentages. County-level data includes vote counts, percentages, and winner for the 2012 election. The map displays all U.S. counties as interactive SVG paths, colored by the winning candidate's share of the vote. The title hints at a deliberately slow animation or transition when changing between states or rendering the visualization. The visualization uses TopoJSON data for county boundaries and was built with Blockbuilder.org, forked from almccon's original block. **Rendering:** SVG **Data source:** [gist](https://gist.github.com/almccon/cb30a0f6bdfa2aa5b15f8022b82bc8b1) **Author:** almccon **Visualization Type:** Choropleth map **Code:** <embed src="..."> (or provide link)Here is a concise description for the gallery: --- **USA 2012 Presidential Election (Slow AF Version)** This choropleth map visualizes the 2012 U.S. presidential election results at the county level. Each county is colored by the winning candidate (Obama or Romney), with color intensity reflecting the winner's percentage of the vote. The map is rendered as an SVG using a TopoJSON dataset that includes per-county vote counts and percentages. The "slow AF" title humorously signals that the visualization is a straightforward, unanimated rendering, focusing purely on the geographic distribution of the vote. **Source:** gist · **Author:** almccon · **Rendering:** SVG

AAlan McConchie
76% match