Export Image
Export Code

Israel-Hamas Conflict Timeline

Nita

Thursday, June 26, 2025: 0 viewsFriday, June 27, 2025: 0 viewsSaturday, June 28, 2025: 0 viewsSunday, June 29, 2025: 0 viewsMonday, June 30, 2025: 0 viewsTuesday, July 1, 2025: 0 viewsWednesday, July 2, 2025: 0 viewsThursday, July 3, 2025: 0 viewsFriday, July 4, 2025: 0 viewsSaturday, July 5, 2025: 0 viewsSunday, July 6, 2025: 0 viewsMonday, July 7, 2025: 0 viewsTuesday, July 8, 2025: 0 viewsWednesday, July 9, 2025: 1 viewThursday, July 10, 2025: 0 viewsFriday, July 11, 2025: 0 viewsSaturday, July 12, 2025: 0 viewsSunday, July 13, 2025: 0 viewsMonday, July 14, 2025: 0 viewsTuesday, July 15, 2025: 0 viewsWednesday, July 16, 2025: 0 viewsThursday, July 17, 2025: 0 viewsFriday, July 18, 2025: 0 viewsSaturday, July 19, 2025: 0 viewsSunday, July 20, 2025: 0 viewsMonday, July 21, 2025: 0 viewsTuesday, July 22, 2025: 0 viewsWednesday, July 23, 2025: 0 viewsThursday, July 24, 2025: 1 viewFriday, July 25, 2025: 0 viewsSaturday, July 26, 2025: 0 viewsSunday, July 27, 2025: 0 viewsMonday, July 28, 2025: 0 viewsTuesday, July 29, 2025: 0 viewsWednesday, July 30, 2025: 0 viewsThursday, July 31, 2025: 0 viewsFriday, August 1, 2025: 0 viewsSaturday, August 2, 2025: 0 viewsSunday, August 3, 2025: 0 viewsMonday, August 4, 2025: 0 viewsTuesday, August 5, 2025: 0 viewsWednesday, August 6, 2025: 0 viewsThursday, August 7, 2025: 0 viewsFriday, August 8, 2025: 0 viewsSaturday, August 9, 2025: 0 viewsSunday, August 10, 2025: 0 viewsMonday, August 11, 2025: 0 viewsTuesday, August 12, 2025: 0 viewsWednesday, August 13, 2025: 0 viewsThursday, August 14, 2025: 0 viewsFriday, August 15, 2025: 0 viewsSaturday, August 16, 2025: 0 viewsSunday, August 17, 2025: 0 viewsMonday, August 18, 2025: 0 viewsTuesday, August 19, 2025: 0 viewsWednesday, August 20, 2025: 0 viewsThursday, August 21, 2025: 0 viewsFriday, August 22, 2025: 0 viewsSaturday, August 23, 2025: 0 viewsSunday, August 24, 2025: 0 viewsMonday, August 25, 2025: 0 viewsTuesday, August 26, 2025: 0 viewsWednesday, August 27, 2025: 0 viewsThursday, August 28, 2025: 0 viewsFriday, August 29, 2025: 0 viewsSaturday, August 30, 2025: 0 viewsSunday, August 31, 2025: 0 viewsMonday, September 1, 2025: 0 viewsTuesday, September 2, 2025: 0 viewsWednesday, September 3, 2025: 0 viewsThursday, September 4, 2025: 0 viewsFriday, September 5, 2025: 0 viewsSaturday, September 6, 2025: 0 viewsSunday, September 7, 2025: 0 viewsMonday, September 8, 2025: 0 viewsTuesday, September 9, 2025: 0 viewsWednesday, September 10, 2025: 0 viewsThursday, September 11, 2025: 0 viewsFriday, September 12, 2025: 0 viewsSaturday, September 13, 2025: 0 viewsSunday, September 14, 2025: 0 viewsMonday, September 15, 2025: 0 viewsTuesday, September 16, 2025: 0 viewsWednesday, September 17, 2025: 0 viewsThursday, September 18, 2025: 0 viewsFriday, September 19, 2025: 0 viewsSaturday, September 20, 2025: 0 viewsSunday, September 21, 2025: 0 viewsMonday, September 22, 2025: 0 views
5 views in last 90 days
Last edited Jun 19, 2025
Created on Jun 19, 2025

Israel-Hamas Conflict Timeline

An interactive visualization of key events in the Israel-Hamas conflict starting from October 2023.

Features

  • Interactive timeline with event markers
  • Color-coded events by category (attacks, ceasefires, humanitarian events, etc.)
  • Detailed information panel for each event
  • Responsive design for desktop and mobile viewing
  • Deep-linking support for sharing specific events

File Structure

  • index.html - Main HTML file
  • styles.css - CSS styles
  • index.js - Main application logic
  • dataProcessor.js - Data processing and categorization
  • timelineChart.js - D3.js visualization logic
  • data.csv - Timeline event data

How to Use

  1. Open index.html in a web browser
  2. Click on any event marker in the timeline to view detailed information
  3. Hover over markers to see event names
  4. Use the legend to understand event categories

Development

This project uses:

  • D3.js v7 for data visualization
  • Vanilla JavaScript with ES6 modules
  • CSS3 for styling

To modify the timeline data, edit the data.csv file following the established format.

Browser Compatibility

Tested and working in:

  • Chrome (latest)
  • Firefox (latest)
  • Safari (latest)
  • Edge (latest)

License

[Add your license information here]

MIT Licensed