[Feature Request] Add Analytics Dashboard Page (analytics.html)

[Riya-Kharade]

💡 The Problem

Currently, EcoPulse provides individual visualization pages and comparison features, but there is no centralized analytics dashboard that summarizes key pollution insights in one place.

Users cannot quickly see:

• Overall pollution index
• The highest polluted city
• The most affected pollution type
• Quick statistical summaries

This limits the platform’s ability to function as a monitoring system.

---

🚀 Proposed Solution

Create a new page called analytics.html that acts as a central pollution monitoring dashboard.

The page should include:

• 📈 Total Pollution Index (aggregated metric)
• 🏙 Highest Polluted City
• 🌫 Most Affected Pollution Type
• 📊 Mini charts (bar/line)
• 🔎 Filters (City, Year, Pollution Type)

The page will be built using:

• HTML for structure
• Tailwind CSS for dashboard styling
• Vanilla JavaScript for calculations and filtering
• Chart.js for mini visualizations

No backend required.

---

🎨 Visual Representation

The analytics.html page should look like a professional monitoring system.

Layout:

1️⃣ Summary Cards (Top Section)

• Card 1: Total Pollution Index
• Card 2: Highest Polluted City
• Card 3: Most Affected Pollution Type
• Card 4: Year Selection

Each card should:

• Use eco-theme colors
• Include icon + number
• Have subtle hover effect

---

2️⃣ Mini Charts Section

• Small bar chart for city comparison
• Small line chart for yearly trend
• Responsive layout (grid-based)

---

3️⃣ Filter Section

• Dropdown for city
• Dropdown for year
• Dropdown for pollution type
• "Apply Filter" button

Charts and summary cards should update dynamically when filters change.

---

🛠️ Implementation Details

• New File: analytics.html
• Data Source: sample-data.json or static JS object
• Charts: Chart.js (Bar + Line)
• Logic: Vanilla JS calculations for total index and rankings
• Responsive Layout: Tailwind grid system
• No new dependencies required

---

🎯 Impact

This feature will:

• Transform EcoPulse into a real monitoring dashboard
• Improve analytical depth
• Enhance user understanding of pollution patterns
• Increase production readiness
• Strengthen portfolio and hackathon presentation value

It upgrades EcoPulse from a visualization platform to a structured environmental analytics system.

Assign this issue to me under ECWOC'26