Skip to main content
100%

USA 2012 presidential election proportional circles (d3v3)

✓ Published0🌍 Public
AAlan McConchie
Last edited Nov 7, 2016
Created on Jul 10, 2016

This example uses proportional circles to visualize the results of the 2012 US presidential election at the county level. Circles are placed at each county’s centroid, with their radius scaled to the total number of votes cast, while the fill color encodes the Republican vote share using a blue-purple-red gradient. Counties are layered over a light gray map of the USA, created using the Albers equal-area conic projection via `d3.geo.albersUsa()`. The code loads county boundaries from a TopoJSON file and centroid data from a GeoJSON file, then uses `d3.select` and `d3.scale.sqrt` to generate the SVG circles.

AI-generated description

Built with blockbuilder.org

forked from <a href='http://bl.ocks.org/almccon/'>almccon</a>'s block: <a href='http://bl.ocks.org/almccon/cb30a0f6bdfa2aa5b15f8022b82bc8b1'>USA 2012 presidential election</a>

forked from <a href='http://bl.ocks.org/almccon/'>almccon</a>'s block: <a href='http://bl.ocks.org/almccon/991e064a6680fed4726076d87406590c'>USA 2012 presidential election</a>

forked from <a href='http://bl.ocks.org/almccon/'>almccon</a>'s block: <a href='http://bl.ocks.org/almccon/243e4a79de9257980fe1a0e4bc618dfc'>USA 2012 presidential election bar symbols</a>

mit Licensed

Similar vizzes

Loading thumbnail…

USA 2012 presidential election proportional circles (d3v3)

This block visualizes the 2012 U.S. presidential election results by county, using proportional circles overlaid on a map of the United States. The map is rendered with SVG using D3v3, with each county’s circle sized according to total votes cast and colored to indicate whether Obama or Romney won the county, based on the percentage margin. The underlying geometry is loaded from a TopoJSON file containing county-level election data, and the proportional circles provide a quick visual comparison of vote totals and partisan leanings across the country. The visualization is built with Blockbuilder.org, is available under the MIT license, and is a fork of earlier iterations that evolved from bar symbols to proportional circles.

AAlan McConchie
89% match
Loading thumbnail…

USA 2016 presidential election

This choropleth map shows the 2016 U.S. presidential election results by county, coloring each county by the percentage of votes received by the Republican candidate. It uses D3 v4 with `d3.geoAlbersUsa` for the projection and `d3.geoPath` to draw SVG paths from a TopoJSON file of U.S. counties. County-level vote data from a CSV is joined to the map via a lookup table keyed by FIPS codes, and a linear color scale maps vote percentages from blue through purple to red.

AAlan McConchie
86% match
Loading thumbnail…

USA 2012 presidential election (d3v3)

This choropleth map visualizes the results of the 2012 U.S. presidential election by county, using SVG rendering. County-level vote data (Obama, Romney, other candidates, and winner) is encoded as colored polygons, with fill colors derived from the winning candidate and margin of victory via a categorical or sequential color scale. The visualization is built with D3v3 and TopoJSON, with the map geometry loaded from a TopoJSON file.

AAlan McConchie
84% match
Loading thumbnail…

USA 2012 presidential election with tweaks

This choropleth map of the USA shows the 2012 presidential election results at the county level, with counties colored by the winning candidate and shaded according to margin of victory. Built with D3 v4 and rendered as SVG, the map uses a TopoJSON file of election data (`elpo12p010g.topojson`) that includes vote counts for Obama, Romney, and other candidates, plus the winning candidate and percentage per county. The visualization uses a sequential color scale, with shades of blue for counties won by Obama and red for counties won by Romney, darker shades indicating higher winning percentages. Each county is drawn as a polygon from the TopoJSON geometry, with fill color determined by the `WINNER` and `PCT_WNR` properties. Hovering over a county likely reveals its name and voting statistics. This block is a tweaked version of a prior election map, adjusted for D3 v4 and using an SVG rendering.

AAlan McConchie
84% match
Loading thumbnail…

USA 2016 presidential election

This visualization maps the 2016 U.S. presidential election results at the county level, coloring each county according to the margin of victory between the Democratic and Republican candidates. The map is rendered with D3 v4 in SVG, using data from a gist by almccon that includes vote counts, percentages, and per-county party differences. A diverging color scale is applied to counties based on their per-point difference, making Democratic-leaning and Republican-leaning areas visually distinct. The choropleth highlights the geographic distribution of voting patterns across the country, from densely populated urban counties to vast rural regions, and uses a legend to communicate the margin scale.

AAlan McConchie
82% 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
81% 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
81% 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
80% match