Skip to main content
SimilarExport ZIP
100%

Proteste in Serbien

✓ Published1🌍 Public
LLeanderBadura@gmx.de
Last edited Apr 16, 2026
Created on Apr 16, 2026

"Proteste in Serbien" is an interactive timeline that contrasts the Serbian protest movement and government actions following the Novi Sad railway station canopy collapse in November 2024. Positioned events are plotted along a central axis, with left-side red entries for protests and right-side blue entries for government measures. Clicking a circular marker reveals event details. Users can filter by clicking fixed "Protestbewegung" or "Regierung" buttons, which dim the opposing side's events. The visualization uses Svelte components and SVG, with time scaling calculated via D3.js's `scaleTime` function to map dates to vertical positions.

AI-generated description

Dual Perspective Timeline

Eine interaktive Zeitleiste, die zwei gegensätzliche Perspektiven nebeneinander darstellt.

Features

  • Synchronisierte Zeitleiste mit zwei Perspektiven (Protestbewegung und Regierung)
  • Klickbare Events mit Detail-Ansicht
  • Responsive Design für Mobilgeräte
  • Smooth Animations und Übergänge
  • Verwendung von D3.js für Zeitskala-Berechnung

Installation

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Proteste in Serbien

An interactive vertical timeline visualizes the Serbian protests and government responses following the Novi Sad railway station canopy collapse in November 2024. Events from the protest movement appear on the left in red, while government measures appear on the right in blue, with the triggering incident centered at the top. Users click circular markers to expand event descriptions, or use the two top buttons to expand all events from either actor. The timeline uses a D3 time scale to position events proportionally along the vertical axis.

LLeanderBadura@gmx.de
91% match
Loading thumbnail…

Projekt Serbien

A dark-themed interactive timeline visualizes the Serbian protest movement of 2024, plotting events chronologically along a glowing central line. Events are color-coded by actor and severity, with government actions on one side and protest movement activities on the other, while central events disrupt the line’s path. Hovering reveals tooltips, and clicking expands detailed descriptions. Built with Svelte and SVG, the visualization uses `d3.scaleTime()` for positioning and collision detection to adjust event spacing dynamically. Data originates from a structured JSON file containing event dates, actors, and categories.

Llaura.waibel@axelspringer.com
85% match
Loading thumbnail…

Serbia

A vertical timeline of Serbia's political history from 2000 to 2013 presents two parallel storylines—democratization and civil society—on opposite sides of a central axis. Each event appears as a clickable dot; selecting one reveals its date, title, and description. The visualization uses Svelte components for layout and interaction, while `d3.scaleTime` maps event dates to vertical pixel positions. Two fixed buttons let viewers filter events by storyline, highlighting all matching entries along the shared timeline.

LLeanderBadura@gmx.de
76% match
Loading thumbnail…

serbaiJ

An interactive timeline visualizes the political crisis in Serbia following the Novi Sad canopy collapse. Two parallel narrative tracks, "Perspektive A" and "Perspektive B," present alternating events on a vertical axis. Users toggle a story to highlight its events or click individual points to reveal expanded details. Built with Svelte and D3.js, the visualization uses a custom `scaleTime` for date positioning and a scrollable interface with animated content transitions.

Jjakob.eckstein@axelspringer.com
76% match
Loading thumbnail…

SerbiaJ2

A dual-sided vertical timeline documents Serbia’s political crisis after the Novi Sad station collapse, contrasting official and judicial responses on the left with civic and protest actions on the right. Events, sourced from news and investigative reporting, expand into cards with dates, type badges, and evidence status when clicked. Built with Svelte, the layout positions events absolutely using a custom date-to-pixel time scale, while sticky buttons toggle whole storylines by filtering event visibility.

Jjakob.eckstein@axelspringer.com
75% match
Loading thumbnail…

Fork of Covid-19 Serbia

This visualization shows the daily number of positive COVID-19 cases in Serbia as a line chart with points, using a firebrick-colored mark. It displays the count of cases over time, with dates constructed from year, month, and day fields in the data. The chart is built with the vega-lite-api, which registers vega and vega-lite, and loads CSV data via d3.csv from the Serbian government data portal. The visualization applies custom axis and label styling from a config object and uses a vega-tooltip handler for interactive hover details.

OOyin
60% match
Loading thumbnail…

Covid-19 Serbia

This visualization shows the daily count of confirmed COVID-19 cases in Serbia over time, plotted as a line chart with points. It uses data from Serbia’s open data portal. The visualization is built with the vega-lite-api library, which wraps Vega-Lite, and uses d3.csv for data loading and filtering. The chart encodes the date on the x-axis and the case count on the y-axis, with a firebrick-colored line, and includes tooltips showing the exact value for each point.

Nnecat1
59% match
Loading thumbnail…

Fork of GDP Serbia

This chart visualizes the number of actions per month in Serbia, using a line and scatter plot. The data is loaded from a CSV file and rendered using React with SVG. D3’s `scaleBand` and `scaleLinear` map months and action counts to the axes, while `line()` constructs the path. Circles with tooltips show each data point, and the style is defined in external CSS.

BbeauMarko
59% match