🌍

EcoPulse

Environmental Pollution Visualization

Interactive 3D Data Exploration

Hackathon 2024

Press → or Space to continue

The Problem

91%

Air Pollution

of people breathe polluted air worldwide

2B

Water Crisis

lack access to safe drinking water

80%

Light Pollution

cannot see the Milky Way anymore

7.8 million deaths yearly from pollution

Our Solution

Interactive 3D Visualizations

Three.js powered immersive scenes with real-time pollution data

Data Analytics

Chart.js visualizations with regional comparisons and historical trends

Mobile-First

Responsive design with touch controls and PWA support

Actionable Insights

Mitigation strategies and AI-powered recommendations

Features Showcase

🌫️

Air Pollution

✓ Particle-based smog simulation
✓ Dynamic fog density adjustment
✓ Interactive pollution level slider
✓ Real-time AQI data display

💧

Water Pollution

✓ River flow visualization
✓ Contamination particle tracking
✓ Microplastics measurement
✓ Water quality indicators

✨

Light Pollution

✓ Night sky simulation
✓ Star visibility calculator
✓ Light intensity controls
✓ Ecological impact metrics

🔊

Noise Pollution

✓ Sound wave propagation
✓ Decibel level visualization
✓ Multiple noise sources
✓ Health impact analysis

Data Analytics

Regional Coverage

Asia

Africa

Europe

Americas

Oceania

Historical Trends

2018 6.85M deaths

2020 6.45M deaths

2022 6.89M deaths

2024 6.75M deaths

Trend: Improving in some regions

Comprehensive data spanning 2018-2024

Covering 6 continents, 195 countries, and 1000+ cities

Mobile-First Design

📱

Touch Optimized

44-48px touch targets for easy interaction

⚡

Performance

Adaptive rendering maintains 60fps

📳

Haptic Feedback

Vibration API for tactile response

Responsive Features

✓ Fluid typography with clamp()
✓ Touch gesture support
✓ Reduced particle count on mobile
✓ Debounced event handlers
✓ Progressive Web App ready

Accessibility

✓ WCAG AA compliant
✓ Screen reader support
✓ Keyboard navigation
✓ Reduced motion mode
✓ High contrast mode

Built With Modern Tech

Three.js

3D Graphics & WebGL

Chart.js

Data Visualization

Tailwind CSS

Modern Styling

Vanilla JavaScript

No Framework Bloat

PWA Ready

Offline Capable

WCAG AA

Fully Accessible

Zero backend required • 100% client-side • Deploy anywhere

Impact & Future

Current Impact

✓

Educational Reach

Making pollution data accessible to students & educators

✓

Public Awareness

Interactive visualizations increase understanding

✓

Data-Driven Decisions

Supporting policy makers with clear insights

Future Roadmap

▶

Real-Time Data

API integration for live pollution monitoring

▶

AI Predictions

Machine learning for trend forecasting

▶

Community Features

User accounts, sharing, and collaboration tools

Join Us in Making a Difference

Every visualization viewed is a step toward greater environmental awareness

Let's Make an Impact

Awareness is the first step toward change. EcoPulse makes environmental data accessible to everyone.

View Live Demo Explore Data

Thank you!

Hackathon 2024 • Environmental Data Initiative