Skip to main content
SimilarExport ZIP
100%

Fork of CV: Pseudo Scatter Plot

✓ Published0🌍 Public
Jjohnyedge@gmail.com
Last edited Apr 16, 2026
Created on Apr 16, 2026

This visualization compares the electoral performance of the CDU and Die Linke parties across German federal elections from 1998 to 2025, using a pseudo scatter plot that traces both parties’ vote percentages over time. The chart combines two overlaid line series, with each data point labeled with its exact percentage value, allowing direct comparison between the black CDU line and the magenta Die Linke line. Built with React and D3 v7, it uses `scalePoint` and `scaleLinear` for axes, a D3 `line` generator for the trajectories, and `axisBottom`/`axisLeft` for rendering. The dataset is hardcoded in the application.

AI-generated description
MIT Licensed

Similar vizzes

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
77% match
Loading thumbnail…

Fork of CV: Bar Chart

This interactive bar chart displays the decline of xenophobic crimes in Germany from 2001 to 2024, prompting users to guess whether numbers increased or decreased before revealing the correct answer and visualization. Built with React and D3 v7, the chart uses `scaleBand` and `scaleLinear` for axes, `axisBottom` and `axisLeft` for ticks, and renders SVG bars from CSV data. An overlay system manages the question and result states, with CSS transitions revealing the chart only after the user submits a guess.

Wwuc280@haw-hamburg.de
71% match
Loading thumbnail…

Fork of Fork of Fork of Digital mockup of a line chart

This pseudo-visualization presents a stylized mockup of age distribution across major political parties, using horizontal bars to compare two groups. The chart encodes party affiliation through color, with red and blue rectangles representing different segments. Built with React and rendered as SVG, the visualization uses static positioned `<rect>` elements sized to suggest proportional differences between categories. The design incorporates the Share Tech font family from Google Fonts, creating a digital aesthetic that mimics a line chart while maintaining a fixed, non-interactive layout.

Ddsims2157
67% match
Loading thumbnail…

Fork of CV: Loading CSV Data

This example presents a bar chart comparing German survey responses on trust versus distrust in AI advertising, with two bars showing 22% and 36% respectively. The visualization uses React with D3 v7 APIs including `scaleBand`, `scaleLinear`, `axisLeft`, and `axisBottom`, rendered as SVG. Bars are filled with a building image pattern via D3 `defs` and `pattern` elements, enhanced by a brightness filter, while horizontal grid lines and percentage labels clarify the data values.

Uudjeffrey.jay@gmail.com
67% match
Loading thumbnail…

Fork of Fork of CV: Loading CSV Data

A React-based bar chart displays survey responses on trust in AI advertising in Germany, showing 22% for increased trust and 36% for increased distrust. The visualization uses d3.scaleBand and d3.scaleLinear for axes, while bars are filled with an image pattern from Unsplash via SVG defs and a brightness filter. D3 axis helpers render white labeled axes on a black background, with percentage labels above each bar. The chart reacts to container resizing through a ResizeObserver hook, redrawing with d3 selection methods.

Uudjeffrey.jay@gmail.com
66% match
Loading thumbnail…

Fork of Stylized Line Chart

A choropleth map of Germany visualizes diesel prices by state using a yellow-orange-red sequential color scale. The map is rendered as SVG paths, with each region's fill color determined by the diesel value from a dataset of the German states. The D3.js library handles geographic projections via geoMercator and geoPath, while React manages the component state and data fetching via the csv and json API calls.

GGuilinabaoge
66% match
Loading thumbnail…

Fork of ICE-6: No of Passing Candidates during last 10 Years with React & D3

A horizontal bar chart displays the number of passing candidates for each year over a ten-year period, with years on the y-axis and candidate counts on the x-axis. React manages the component state and lifecycle, while D3 v5 handles loading the CSV data and constructing the SVG scales and axes. The visualization uses `scaleBand` for the year categories and `scaleLinear` for the candidate counts, rendering green rectangles whose widths correspond to the values from the linked GitHub data source.

Aanushatod
66% 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
66% match