100%

US 2012 elections by zipcode

✓ Published0🌍 Public

Last edited Jun 14, 2018

Created on Jun 14, 2018

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.

AI-generated description

US 2012 Presidential Elections by County

Shows a zoomable cloropleth map of the us counties results.

From Tony McGovern's idea, and the data he processed

Data from The Guardian

forked from <a href='http://bl.ocks.org/john-guerra/'>john-guerra</a>'s block: <a href='http://bl.ocks.org/john-guerra/213160a5025315f028cda4ebc0c97256'>2012 US Election result by counties</a>

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

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

78% match

Loading thumbnail…

2016 Election Results Circle Pack

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.

CCurran Kelleher

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

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

75% match

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

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

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

73% match