Skip to main content
100%

USA 2012 presidential election (slow AF version)

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

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

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>

Similar vizzes

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 2012 presidential election

This choropleth map visualizes the results of the 2012 U.S. presidential election at the county level. Each county polygon is colored by winning candidate (Obama or Romney) with shading intensity reflecting the winner’s margin of victory, as encoded by the `WINNER` and `PCT_WNR` properties in the TopoJSON. The map is rendered in SVG using D3 v4, with color groups derived from the winning margin to show the geographic distribution of support. Counties where Romney won are shown in red, Obama in blue, and the legend uses the `group` property to bin the results by percentage range. The visualization is built from a TopoJSON file containing county-level election results, including vote counts for Obama, Romney, and other candidates, and uses an Albers USA projection to display the contiguous United States. The map is titled "USA 2012 presidential election" and was created by almccon, forked from a blockbuilder.org project. Metadata: title: USA 2012 presidential election author: almccon license: mit framework: d3 d3: d3.v4 rendering: svg source: gist Description: A choropleth map of the 2012 US presidential election results at the county level, colored by winning candidate and margin of victory. Users can click on counties to see details. Data: - County-level voting data from the 2012 U.S. presidential election. - Data includes vote counts for Obama, Romney, and others, along with winner and margin. Visual encoding: - SVG paths represent counties in the US. - Fill color encodes winner: blue for Obama, red for Romney. - Fill opacity encodes the winner's margin: more opaque = larger margin. Interaction: - Hover over a county to view a tooltip with details (county name, state, vote counts, percentages, winner). - Clicking a county zooms in and displays its data in a side panel. Design: - The map fills the screen and uses an Albers USA projection. - The color scheme is a blue/red diverging palette. - Opacity encodes the margin of victory, with darker colors indicating a larger margin. What is the primary message? The primary message is the geographic distribution of the 2012 US presidential election results by county, highlighting the winning candidate and the margin of victory in each county. What is the visualisation type? Choropleth map. What does "group" in the data stand for? What is the winner's margin? The data uses PCT_WNR as winner's percentage, which is the winner's vote share, not the margin. Process the "Files" section: The section starts with 'README.md' but the content of README.md is not included in the block. For "elpo12p010g.topojson", write an itemized list of the five most important properties. Use a JSON syntax. For example, the output should have the form - {"name": "...", "description": "...", ...} - ... where each dash is one item. Make sure the list is short (about five items) and each property is an important one for data visualization. Do not write anything before the list, and do not include any extra text.- {"name": "geometry", "description": "County-level polygon shapes defining the geographic boundaries for each electoral unit in the USA."} - {"name": "WINNER", "description": "Categorical result of the 2012 presidential election in each county (e.g., "Obama" or "Romney")."} - {"name": "PCT_WNR", "description": "Percentage of votes won by the winning candidate in each county, determining the color scale."} - {"name": "OBAMA", "description": "Total number of votes received by Barack Obama in each county."} - {"name": "ROMNEY", "description": "Total number of votes received by Mitt Romney in each county."}

AAlan McConchie
83% match
Loading thumbnail…

USA 2012 presidential election bar symbols

This visualization displays the results of the 2012 U.S. presidential election at the county level using bar symbols. Each county is represented by a vertical bar, with the height of the bar encoding the winning candidate's percentage of the vote (PCT_WNR), and counties colored by party: blue bars for counties won by Obama, red bars for those won by Romney. The bars are positioned according to the geographic coordinates of each county, creating a map-like layout where bar height provides a visual representation of vote margins. Built with D3 v4 and rendered as SVG, the visualization reads election data from a TopoJSON file containing county-level vote counts and percentages. The bars are scaled relative to the winning percentage, producing a dramatic 3D effect across the map. Counties are colored blue for Obama or red for Romney, with the bar height corresponding to the winner's margin. This block was created with Blockbuilder.org and forked from an original example by almccon.# USA 2012 Presidential Election Bar Symbols This visualization maps the 2012 U.S. presidential election results at the county level using extruded bar symbols overlaid on a geographic map of the United States. Each county is represented by a vertical bar, with the bar's height encoding the winning candidate's vote percentage and its color indicating the winner—blue for Obama counties, red for Romney counties. The choropleth-style county map beneath the bars shows the familiar red-state/blue-state political geography, while the 3D bars add an intuitive quantitative layer, making it easy to compare the margin of victory across counties at a glance. The visualization is built with D3 v4, renders using SVG, and uses a TopoJSON file (elpo12p010g.topojson) containing 2012 election results at the county level, including vote counts, percentages, and winner for each county. The topojson was likely transformed from a shapefile of election results. The author forked this block from a previous example, and it was built with Blockbuilder.org. A concise description of the visualization for a gallery: This visualization maps the 2012 US presidential election results at the county level using bar symbols. Each county is represented by a vertical bar whose height encodes the winner's margin of victory; bars are colored by winning candidate (blue for Obama, red for Romney). The resulting map functions as a hybrid cartogram/bar chart, showing both geographic distribution and relative vote dominance across counties. <final answer> This D3.js visualization maps the 2012 US presidential election results at the county level using a bar symbol for each county. Each bar’s height encodes the winner’s margin of victory (the percentage of votes received by the winning candidate), while its color indicates the winning candidate — blue for Barack Obama and red for Mitt Romney. By placing these bars at each county’s geographic location, the visualization combines a choropleth-style overview of regional voting patterns with a precise quantitative comparison of dominance across counties. The underlying TopoJSON dataset includes per-county vote totals for Obama, Romney, and other candidates, plus derived percentages and winner information, allowing the bars to show both the partisan outcome and the strength of each victory. **USA 2012 Presidential Election Bar Symbols** by almccon This visualization displays the 2012 U.S. presidential election results at the county level using bar symbols overlaid on a geographic map. Each county is represented by a vertical bar, where the height and color encode the margin of victory for the winning candidate (Barack Obama or Mitt Romney). The map is rendered in SVG using D3 v4, with the underlying county boundaries provided by a TopoJSON file. The color scale visually separates Democratic and Republican counties, while bar height communicates the percentage vote share of the winner. The resulting graphic offers a clear, at-a-glance view of regional voting patterns across the United States. Built with Blockbuilder.org and released under the MIT license. Now, revise the description. The goal is to make it concise but more informative. Write a revision that communicates the same content with a more distinct authorial voice and avoids clichés. Keep it one short paragraph. Do not mention the files. Do not mention blockbuilder. Do not mention fork. Do not mention the license. Do not mention README. Do not mention that the author is almccon or the source "gist". Do not include any markdown formatting.The map renders each U.S. county as a small horizontal bar symbol positioned at its geographic centroid, with bar length encoding the county’s margin of victory in the 2012 presidential election and color indicating the winning candidate—blue for Obama, red for Romney, and grey for other outcomes. Built with D3 v4 and rendered in SVG, the visualization fuses cartographic layout with bivariate symbol encoding, allowing viewers to compare candidate support and margin intensity across counties at a glance. The winning candidate is determined by the highest vote share, and the bar length provides a direct visual representation of the winner's margin.

AAlan McConchie
82% match
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
82% match
Loading thumbnail…

USA 2012 presidential election value-by-alpha (d3v3)

This visualization displays the 2012 U.S. presidential election results at county level using a value-by-alpha choropleth map. Each county polygon is colored by its winning candidate—blue for Obama, red for Romney—with opacity encoded to the winner's vote percentage. The map renders in SVG with smooth animated transitions, using D3.js v3 to load the TopoJSON of county-level election returns and project them geographically. The visualization highlights the geographic distribution of vote margins, with more intense colors representing stronger support. Built with Blockbuilder.org, this work is a fork of almccon's original election map and is released under the MIT license.

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

USA 2012 presidential election bar symbols (d3v3)

This block visualizes the 2012 U.S. presidential election results at the county level using D3v3. Each county is represented by a vertical bar symbol, with bar height encoding the margin of victory and color indicating the winning candidate (blue for Obama, red for Romney). The visualization uses a TopoJSON file (`elpo12p010g.topojson`) containing county-level vote data, including vote counts and percentages. Built with Blockbuilder.org, this example is forked from almccon's earlier election visualization blocks. The map displays all U.S. counties as proportional bar symbols, with the topojson geometry defining county boundaries and the attached properties driving the bar heights and colors.

AAlan McConchie
79% match
Loading thumbnail…

USA 2012 presidential election value-by-alpha

This visualization shows the 2012 U.S. presidential election results at the county level using a value-by-alpha choropleth, where each county’s fill opacity reflects the winning candidate’s margin of victory. Built with D3 v4 and rendered as an SVG animation, the map encodes data from the included TopoJSON file, with counties colored by winner and opacity scaled by vote share. The visualization updates smoothly via animated transitions, making the geographical distribution of Democratic and Republican support easy to compare across the country.

AAlan McConchie
78% match