Skip to main content
100%

Germany Invalid First Votes 2017

✓ Published0🌍 Public
WWikunia
Last edited Sep 29, 2017
Created on Sep 29, 2017

Invalid first votes in Germany's 2017 federal election are mapped per constituency on a choropleth. The visualization animates between two modes, showing either the absolute number of invalid first votes or the percentage of invalid first votes, using a divergent color scale to highlight regional variation. Built with D3 v4 and SVG, it includes hover tooltips and a toggle for the two views, with data from the official election results for all 299 constituencies.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

Loading thumbnail…

My first barchart

The bar chart presents voter turnout percentages per Cologne district, with horizontal bars sorted in descending order. The visualization uses a simple SVG barchart created with the d3 v3 library. The code loads a CSV file named "veedel_data.csv" and sorts the data by the `wahlbeteiligung` field using `d3.descending`. Each bar's length maps to the turnout value, and hovering over a bar reveals a tooltip showing the district name and turnout percentage.

PP3nny
65% match
Loading thumbnail…

My first barchart

This bar chart displays voter turnout percentages across Cologne districts, sorted in descending order with district names and turnout values shown as tooltips on hover. Rendered as SVG rectangles, each bar’s width maps directly to the `wahlbeteiligung` CSV field. The code uses D3 v3’s `d3.csv` for data loading, `d3.descending` for sorting, and standard SVG selections (`selectAll`, `data`, `enter`) to bind data and append `title` elements for interactivity.

PP3nny
64% match
Loading thumbnail…

Cleaning Up

This visualization shows voter turnout percentages across Cologne’s distinct neighborhoods, or *Veedel*, as horizontal bars sorted in descending order. Using D3 v3, it employs an ordinal scale with `rangeRoundBands` for the y-axis and linear scales for the x-axis, rendering SVG rectangles and dual top/bottom axes via `d3.svg.axis`. The data, sourced from Offene Daten Köln’s 2014 local election records, is loaded from a CSV, with hover effects and tooltips revealing exact percentages.

PP3nny
64% match
Loading thumbnail…

Fork of React & D3 Vibecoding Starter

This chart visualizes polling results for the 2025 German federal election, showing the percentage of votes for each party. The bar chart displays values from a CSV file, with each bar colored by party and labeled with its percentage. A translucent, glowing interval rectangle behind each bar represents the standard error. Built with React and D3 v7, the visualization uses `scaleBand` and `scaleLinear` for axes, and clicking a bar dims the others for focused comparison.

CChristoph Kinkeldey
63% match
Loading thumbnail…

My first barchart

This is a simple horizontal bar chart built with D3.js (v3) that visualizes voter turnout across Cologne city districts, sorted in descending order by the `wahlbeteiligung` value. The chart uses SVG rectangles, with each bar’s width proportional to the turnout percentage and its vertical position spaced by index. The code loads data from a CSV file using `d3.csv` and appends tooltips via the SVG `title` element to display each district’s name and turnout. The visualization primarily demonstrates basic data binding, sorting, and attribute manipulation with D3’s selection methods.

PP3nny
63% match
Loading thumbnail…

Sankey-diagram

This example shows changes in German voting behavior between 2015 and 2017 with a Sankey diagram, tracing how voters moved among parties and categories like non-voters and first-time voters. Party affiliations are color-coded on both sides of the flow, with tooltips revealing exact voter counts. The visualization uses the d3-sankey plugin to generate the diagram, alongside d3.v4 for general data handling and SVG rendering. Data is loaded from a local JSON file (poll.json) and processed to construct nodes and links based on party names and vote counts.

MMarie-Ella
62% match
Loading thumbnail…

Scatterplot Kölner Wahlbeteiligung vs Arbeitslosenquote

This visualization shows the relationship between voter turnout and unemployment rates across Cologne’s districts, with each circle representing a district. It uses D3 v3 to draw an SVG scatterplot, sorting data by turnout and animating the points from left to right using `transition().duration()` and staggered delays. The x-axis displays unemployment percentage, the y-axis shows turnout percentage, and hovering highlights circles. Data comes from the Offene Daten Köln portal for the 2014 municipal election, loaded via `d3.csv` from an external file.

PP3nny
61% match
Loading thumbnail…

diagramm-marie

This Sankey diagram visualizes the flow of German voters between the 2013 and 2017 federal elections, tracking movements between parties, non-voters, first-time voters, and those who moved or died. The diagram uses the d3.sankey plugin to render the alluvial flow, with node width and padding configured for clarity. Hovering over a link displays its exact value and percentage of the source node, while hovering over a node shows a breakdown of all incoming and outgoing flows. The tooltips are built with d3.select and styled via CSS, and the data is loaded from a local CSV file using d3.csv.

MMarie-Ella
61% match