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]