[Feature Request] Add Historical Data Timeline Page (timeline.html)

[Riya-Kharade]

💡 The Problem

Currently, EcoPulse provides dashboards and comparison tools for specific years,
but it does not offer a structured historical overview of pollution trends over time.

Users cannot:

• Visually explore pollution changes year by year
• Understand long-term environmental trends
• Experience a storytelling-style data journey

This limits the research depth and analytical storytelling potential of the platform.

---

🚀 Proposed Solution

Create a new page called timeline.html that presents historical pollution data in an interactive and animated timeline format.

The page should include:

• 📅 Year slider (2015–2024)
• 📊 Animated pollution data updates
• 🏙 City or global pollution trends
• 📖 Storytelling format (milestones & insights per year)
• 🔄 Smooth transitions between years

No backend required (use static/mock dataset).

---

🎨 Visual Representation

The timeline.html page should include:

1️⃣ Hero Section

• Title: "Pollution Trends Over Time"
• Short description explaining long-term environmental monitoring

---

2️⃣ Year Slider Section

• Interactive range slider (2015–2024)
• Display selected year prominently
• Smooth animated value change

---

3️⃣ Animated Data Visualization

• Line chart updating dynamically per year
• OR animated number counters
• OR pollution intensity bar transitions

Data should animate when the year changes.

---

4️⃣ Storytelling Section

For each year:

• Major pollution highlight
• Environmental milestone
• Key insight (e.g., increase/decrease trends)

Example:

• "2017: Significant rise in AQI due to industrial expansion"
• "2020: Temporary pollution drop due to reduced activity"

---

🛠️ Implementation Details

• New File: timeline.html
• Use Tailwind CSS for layout
• Use Vanilla JavaScript for:
  • Slider interaction
  • Data animation
  • Story update logic
• Use Chart.js for animated trend graph
• Static dataset (JSON or JS object)

Optional Enhancements:

• Animated transitions between years
• Auto-play timeline mode
• Highlight significant trend spikes

---

🎯 Impact

This feature will:

• Enhance long-term data storytelling
• Improve analytical depth
• Make EcoPulse look like a research platform
• Increase educational value
• Strengthen hackathon and portfolio presentation
• Improve production-readiness

It transforms EcoPulse from a snapshot dashboard into a historical environmental research tool.

Assign this issue to me under ECWOC'26