Middle East Timeline Visualization

This project provides an interactive visualization of significant political and military events in the Middle East from 1953 to 2025. The visualization presents events in a circular timeline format, allowing users to explore events by category and view detailed information about each event.

Features

• Interactive circular timeline visualization
• Filter events by category
• Event details panel that shows information when an event is clicked
• Responsive design for various screen sizes
• Color-coded event categories

Setup and Installation

1. Clone this repository
2. No build step is required, simply open the index.html file in a modern web browser

Dependencies

• D3.js v7 (loaded via CDN)

Files and Structure

• index.html: Main HTML document
• styles.css: Stylesheet for the application
• index.js: Entry point that initializes the visualization
• data.js: Contains the timeline event data
• timeline.js: Handles rendering and managing the timeline visualization
• filters.js: Manages event category filtering functionality
• eventDetails.js: Handles the display of detailed event information

Usage

• Click on events in the timeline to see detailed information
• Use the filter buttons to show events by category
• The visualization automatically adjusts for different screen sizes