Middle East Timeline Visualization

Fork of Fork of Fork of Escalation to War: A Timeline of Key Events (1953 - 2025)

This circular timeline maps 12 key Middle East events from 1953 to 2025 chronologically around a central axis. Events are color-coded by category, and hovering reveals summaries while clicking populates a detail panel. Built with D3.js v7, it uses `d3.scaleTime` for angular positioning, `d3.timeFormat` for date formatting, and CSS transitions for animated details. The SVG visualization renders year markers, tick labels, and interactive filtered event nodes based on user-selected categories.

97% match

Fork of Fork of Escalation to War: A Timeline of Key Events (1953 - 2025)

An interactive circular timeline presents key political and military events in the Middle East from 1953 to 2025, with color-coded categories such as military conflict, diplomacy, and humanitarian crises. Users click event markers to view descriptions, key actors, and impacts, while filter buttons narrow events by category. The visualization uses D3.js v7, including `d3.scaleTime` for angular positioning, SVG rendering with event markers, and hover tooltips for additional context.

94% match

Fork of Escalation to War: A Timeline of Key Events (1953 - 2025)

This interactive timeline visualizes key Middle Eastern political and military events from 1953 to 2025, with data points categorized by event type and color-coded accordingly. Users can filter events by category via buttons, hover for tooltips, and click circles to view detailed information in a side panel. Built with D3.js v7, the visualization uses `d3.scaleTime` for the temporal axis, `d3.axisBottom` for tick rendering, and animated transitions on circle enter/exit for smooth filtering. Event data includes dates, descriptions, key actors, and impact statements for each historical moment.

92% match

Escalation to War: A Timeline of Key Events (1953 - 2025)

This timeline visualization maps key geopolitical events from 1953 to 2025 in the Middle East, showing escalation toward conflict through a chronological sequence of dated markers. It displays each event as a colored circle positioned along a horizontal time axis, with category colors distinguishing military conflicts, diplomatic negotiations, and humanitarian crises. The visualization uses D3.js v7 with event data loaded from a JavaScript module, presenting details on click. Interactive tooltips appear on hover, and the implementation leverages d3.scaleTime for the temporal axis and d3.select for DOM manipulation.

86% match

Fork of Fork of Fork of Historical Timeline of Israel

This example visualizes a historical timeline of Israel, organized into three major eras with matplotlib-colored event markers plotted along a horizontal axis. It uses D3.js v7 to render SVG elements, including clickable era groups, event circles, and axis labels. The code employs helper functions to parse date strings into numeric x-coordinates, handles date ranges, and includes a tooltip feature for hover details, with an additional zoom function for events around the year 2000.

Fork of Fork of Fork of Fork of Israel-Hamas Conflict Timeline

This interactive visualization presents a vertical, animated timeline of major Israel-Hamas conflict events from October 2023 through June 2025, using D3.js v7 to render SVG circles and labels along a time axis. Coded events are color-coded by category (attacks, ceasefires, humanitarian, military, political), with 2025 events highlighted with gold strokes and larger markers, while June 2025 events receive red-orange emphasis. The chart uses a d3.scaleTime y-axis with weekly ticks, d3.csvParse to load the data file, and tooltip interactions on hover. Clicking any event marker displays its full description in the details panel below.

Fork of Fork of Fork of Israel-Hamas Conflict Timeline

This interactive vertical timeline visualizes major events in the Israel-Hamas conflict from October 2023 through mid-2025, using a linear layout from bottom to top where newer events appear lower. Event markers are color-coded by category—attacks, ceasefires, humanitarian events, military operations, and political events—with 2025 events emphasized with larger, gold-stroked circles. Built with D3 v7, the visualization uses `d3.scaleTime`, `d3.axisLeft`, and `d3.csvParse` to process CSV data, with hover tooltips, a details panel, and responsive resizing. The timeline highlights the 2025 and June 2025 time periods with background shading to draw attention to recent escalations.

Fork of Fork of Israel-Hamas Conflict Timeline

An interactive snake-like timeline charts the Israel-Hamas conflict from October 2023 onward, with color-coded event markers grouped into attack, ceasefire, humanitarian, military, and political categories. Clicking a marker reveals detailed event information in a side panel. Built with D3.js v7, the visualization positions markers along a sinusoidal curved path using `d3.line` and `d3.curveCardinal`, with data loaded from CSV and interactivity powered by SVG event handlers and transitions.