Viewing a saved revision (read-only)
d9dd819d592c42cb810dd72a4b22b980
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.
AI-generated descriptionGaza Crisis Timeline
This interactive visualization presents a timeline of events during the Gaza crisis in June 2025.
Features
- Interactive timeline showing major events
- Detailed event information on click
- Color-coded events based on event type
- Tooltip previews for easy navigation
Data Source
The data comes from a collection of reported events during the Gaza crisis in June 2025.
How to Use
- Click on any dot in the timeline to view details about that event
- Hover over dots to see event titles
- Scroll through the detailed information below the timeline
Technologies Used
- D3.js for data visualization
- HTML/CSS/JavaScript