Skip to main content
SimilarExport ZIP
100%

Obama’s Diverse Base of Support - Interactive Feature - NYTimes.com

✓ Published0🌍 Public
FFrissAnalytics
Last edited Dec 4, 2016
Created on Dec 2, 2016

This interactive map shows how support for Obama shifted across U.S. counties between the 2004, 2008, and 2012 elections, using color to indicate shifts toward Democratic or Republican voting. The visualization is built with D3.js, combining SVG for state boundaries and a canvas layer for animated county-level data points, which are rendered as colored dots that move and fade according to the selected election year. It uses `d3.geoPath` to draw the map and a custom button interface to toggle between years, with the underlying data provided in `data.js`.

AI-generated description

forked from <a href='http://bl.ocks.org/cool-Blue/'>cool-Blue</a>'s block: <a href='http://bl.ocks.org/cool-Blue/5c0ab03ab07817d8d953'>canvas-based-wind-with-d3</a>

mit Licensed

Similar vizzes

Loading thumbnail…

US 2012 elections by zipcode

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.

SSamagoue
71% 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
69% 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
68% 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
68% 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
67% match
Loading thumbnail…

Final Project - Ian Coolidge

This interactive map visualizes U.S. presidential election results from 1976 to 2020, allowing users to explore state-level winners, vote counts, and electoral college totals via a dropdown menu and hover tooltips. A custom mode lets users cycle state control by clicking, and right-clicking opens a multi-line chart tracking Democratic and Republican votes over time for that state. The visualization uses D3.js with `d3.geoPath` and TopoJSON for the map, alongside data from the MIT Election Lab dataset.

IIan Coolidge
66% match
Loading thumbnail…

[A10] Bar Chart of 2016 Election Data (Found Black Hat + White Hat Redesign)

This bar chart visualizes voter quantities across four political groups, using a color scale of blue, red, black, and gray to differentiate categories. The visualization loads election results from a CSV file via d3.csv, then renders SVG bars with d3.scaleBand for the x-axis and d3.scaleLinear for the y-axis. Interactive hover effects change bar opacity and display a quantity tooltip, while axes are labeled using d3.axisBottom and d3.axisLeft.

Cctan13@dons.usfca.edu
64% 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
64% match