Skip to main content
SimilarExport ZIP
100%

serbaiJ

✓ Published2🌍 Public
Jjakob.eckstein@axelspringer.com
Last edited Apr 16, 2026
Created on Apr 16, 2026

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.

AI-generated description
MIT Licensed

Similar vizzes

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
85% 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
84% 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
83% match
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
80% match
Loading thumbnail…

Proteste in Serbien

"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.

LLeanderBadura@gmx.de
76% match
Loading thumbnail…

Fork of serbaiJ

A dual-sided timeline compares two perspectives over the same period, with events plotted from two data arrays on either side of a central axis. Buttons toggled by the viewer highlight one perspective or the other, while clicking individual points reveals event details like title and description. The visualization uses a Svelte component structure with D3’s `scaleTime` for positioning, CSS animations for entry, and interactive state management to filter active events.

LLeanderBadura@gmx.de
75% match
Loading thumbnail…

Mia san mia

This timeline visualization compares two project perspectives side-by-side along a shared chronological axis, with red events on the left and blue events on the right. The central vertical line acts as a time scale, and the fixed buttons toggle the active story, highlighting corresponding events. Implemented in Svelte, it uses D3’s `scaleTime` to map dates to pixel positions, and each event reveals its title and description when clicked. The layout adapts responsively, with event points colored and styled to distinguish the two narratives.

Kkilian.hocke@axelspringer.com
65% 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
65% match