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."}