Skip to main content
SimilarExport ZIP
100%

Know Your Presedential Candidates

✓ Published0🌍 Public
MMegan Bailey
Last edited Jul 16, 2019
Created on Jul 15, 2019
Forked from Hello VizHub

This visualization displays the 2020 presidential candidates by fetching data from the OpenFEC API. The code uses D3.js v5 to create an SVG chart within a Bootstrap-styled page, while the API is queried with a custom API key through D3's JSON request methods. The visualization appears as a static white container, with the data retrieval and console logging being the primary visible actions. The chart dimensions are set to 400 by 600 pixels, though no specific visual encoding is implemented in the shown code.

AI-generated description

An example showing the capabilities of VizHub.

MIT Licensed

Similar vizzes

Loading thumbnail…

Voter preference

This interactive visualization explores voter preferences among 2016 Republican presidential candidates using a circular network diagram. Clicking a candidate recenters the layout and highlights their head-to-head matchups against all rivals, with link thickness and position indicating support strength. A second panel displays stacked bar charts showing each candidate’s ranking as first through sixth choice, allowing users to click and remove candidates to see how votes redistribute. Built with D3.js and Vue, the SVG animation uses `transition.attr`, `dataAppend`, and custom scales, processing ranked-choice survey data from a CSV file.

11wheel
70% 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
67% match
Loading thumbnail…

Playground 2020 presidential election margins (preliminary results)

This visualization shows the 2020 presidential election margins for each state, using donut-like rings to represent the disparity between winning and losing party votes. The inner radius of each ring indicates the losing party’s vote count, while the outer radius shows the winning party’s margin, highlighting the “excess” votes that don’t affect the Electoral College outcome. Built with d3.v5 and rendered as SVG, it uses d3.geoPath for the U.S. map and d3.scaleSqrt for circle sizing, with data scraped from The New York Times election API.

AAndre J Denais
67% match
Loading thumbnail…

2020 presidential election margins (preliminary results)

A map of the United States visualizes preliminary 2020 presidential election results, showing each state's vote margin as a thick ring. The inner radius of a ring represents votes for the state's losing candidate, while the outer radius represents the winner's votes, making large populations with tight races appear as thin circles. Built with D3 v5, the code uses `d3.geoPath` with a `d3.geoAlbersUsa` projection for the map, `d3.forceSimulation` for label placement, and `d3.arc` to generate the rings. Data is aggregated from county-level election results and rendered as SVG.

EEric Brelsford
67% match
Loading thumbnail…

2020 presidential election margins (preliminary results)

A choropleth of the United States shows preliminary 2020 presidential election results, with states colored by popular vote margin and overlaid with circles and rings representing each state’s total votes for the two major parties. The size of each circle encodes the vote count using `d3.scaleSqrt`, while the difference between inner and outer radii visualizes the margin. States are drawn with `d3.geoPath` from TopoJSON, and a `d3.forceSimulation` with `d3.forceCollide` prevents overlapping bubbles. Data is aggregated from county-level CSV results.

EEric Brelsford
67% match
Loading thumbnail…

Fork of HW5: Stacked Bar Charts

This stacked bar chart visualizes the distribution of five opinion categories—ranging from "Tout à fait d'accord" to "Sans opinion"—across six French presidential candidates. Each bar represents a candidate, with segments colored by response type. The chart uses D3.js v6 to render SVG, with interactive dropdowns allowing users to filter by response category and sort the bars by ascending or descending total value. The legend uses a distinct color palette (dark green, light green, orange, red, and light gray) to map each response category, and a button triggers the re-rendering of the visualization based on selected options.

Oobope@proton.me
67% match
Loading thumbnail…

Vega-Lite API Template

This example demonstrates a bar chart of presidential election totals by candidate, with bars sorted in descending order and tooltips showing the total votes for each candidate. The visualization uses the Vega-Lite API to declaratively define the chart specification, while D3’s `csv` loader fetches the dataset from a Gist, and the UCI Auto MPG data source is referenced. The code registers Vega and Vega-Lite libraries, applies a custom configuration for axis and label styling, and renders the output as a full-screen, responsive SVG using the `vega-lite-api` `render()` method.

GGonzalo Alarcón Usui
67% match
Loading thumbnail…

US Election Data Scatterplot

This scatterplot displays US House election results from 2008 to 2020, plotting each candidate’s vote count against the total votes cast in their district. The x-axis shows total votes, while the y-axis shows candidate votes, with overlapping semi-transparent circles revealing density patterns. The visualization uses d3.v6 to load CSV data from a GitHub gist, parses rows with numeric fields, and renders points via SVG circles scaled with d3.scaleLinear. Axes are generated using d3.axisLeft and d3.axisBottom, with the chart sized to the full window.

PPeter VanNostrand
66% match