Skip to main content
SimilarExport ZIP
100%

Fork of Fork of HTML Starter

✓ Published0🌍 Public
Wwuc280@haw-hamburg.de
Last edited Feb 11, 2026
Created on Feb 11, 2026

This visualization presents a data story on the history of discrimination against people with a migration background in Germany, contrasting legal advances with persistent everyday racism. It opens with the 1992 Rostock-Lichtenhegen attacks, then expands to show political and policy changes before narrowing to current data on job and housing discrimination, using a narrative structure that returns to its starting event. The example is built with Vue, uses WebGL for rendering, and includes custom HTML, CSS, and JavaScript for layout and styling, though no specific data-visualization library is called.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of HTML Starter

This interactive visualization depicts a chronological timeline of events from the June 2025 Gaza crisis, sourced from a CSV file of reported incidents. It combines an upper scrollable overview with a detailed lower timeline, using color-coded, clickable elements to explore event specifics like actors, descriptions, and impact. Built with D3.js v7, the visualization employs DOM manipulation and event handlers to assign lanes, manage tooltips, and synchronize selections between the two views, updating a details panel upon user interaction.

NNita
68% match
Loading thumbnail…

Fork of Fork of Final Project

This visualization presents a pattern discovery tool for environmental data across US states from 2008 to 2018. Users select between different demographic groups (black, Asian, white) to view animated data representations. The project uses D3.js v6 with React to render SVG elements, featuring radio buttons that trigger different visual states. The code implements custom animations and data manipulation using D3’s formatting utilities, though the specific data source appears to be embedded numerical arrays rather than external files. The visualization employs a multi-year timeline with state abbreviations on the y-axis and floating-point formatted values.

YYi Yang
68% match
Loading thumbnail…

Fork of Fork of Final Project Criminality Line Graph

This interactive D3.js dashboard visualizes immigration enforcement arrests from 2010 to 2025, comparing convicted criminals and non-criminals as animated line charts with gradient area fills. The chart uses `d3.scaleLinear` and `d3.scaleLog` for the Y-axis, with hover tooltips and playback controls. Data is loaded from a CSV file, and statistical insights are generated using `d3.sum`, `d3.mean`, and `d3.extent`. The interface includes a toggle for linear/log scales and animation replay, all rendered as responsive SVG.

NNita
67% match
Loading thumbnail…

Fork of Fork of Fork of Fork of HTML Starter

This example displays a scatter plot of data points as rotated, scaled hexagonal shapes. It shows the distribution of xvalue and yvalue coordinates, with the option to color the points either white or a rainbow gradient based on the selected attribute. The visualization uses React with D3.js v7, employing `scaleLinear` for axes and `scaleOrdinal` for color mapping. Polygons are rendered via SVG, rotated and scaled using transform attributes, with a dark background and interactive dropdown for color selection.

Ssahildesignzz@gmail.com
67% match
Loading thumbnail…

Fork of HTML Starter

This is a multi-page dashboard for exploring a car dataset through different chart types. It uses static PNG images for visualizations, including scatter plots, stacked and grouped bar charts, a stacked area chart, and line charts. The charts are presented on separate HTML pages with CSS styling, all interacting with a provided dataset to show relationships between variables like present price, selling price, year, and fuel type. The charts function as clickable anchor links with a `transition` effect for navigation.

Kkarthikpavan1198@gmail.com
67% 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
67% match
Loading thumbnail…

Fork of HTML Starter

This example presents a dashboard for customer data, featuring a summary of key statistics, a data table, and a prominent SVG visualization. Built with D3.js (d3 v7) and rendered as SVG, the page loads a CSV dataset from a GitHub gist and displays it within a polished, gradient-styled interface. The code uses standard DOM manipulation and D3's data-binding capabilities to populate the visual elements.

AAmrit Adhikari
67% match
Loading thumbnail…

Fork of HTML Starter

This visualization presents an interactive dashboard for exploring environmental sensor data. It renders a world map alongside line charts and a contour map, allowing users to select different sensor attributes from a dropdown menu. The code uses React with hooks, D3 scales and time parsing, and SVG rendering. Data is fetched from a local API endpoint, with brushed time ranges filtering the displayed temporal and spatial patterns.

CCheng Tang
67% match