Apppublic

cos30049-safetywindy/air_quality_health

sourceHugging Facemitupdated 1y agoView on Hugging Face

0likes

App README

🌍 Air Quality Health Dashboard

An interactive web application for visualizing air quality data and its impact on health across different countries and time periods.

✨ Features

—📊 Interactive Visualizations: D3.js powered charts including choropleth maps, bubble charts, and bar charts
—🗺️ Global Coverage: Air quality data from countries worldwide (1990-2021)
—🎛️ Time Controls: Interactive sliders for temporal data exploration
—📱 Responsive Design: Works seamlessly on desktop and mobile devices
—🔍 Data Insights: Explore relationships between air quality and health outcomes

🛠️ Technology Stack

—Frontend Framework: React.js with modern hooks
—Data Visualization: D3.js for interactive charts and maps
—UI Components: Material-UI (MUI) for polished interface
—Styling: Custom CSS with Bootstrap utilities
—Build Tool: Create React App with optimization

📊 Data Sources

This application uses data from reputable sources:

—State of Global Air (Health Effects Institute)
—Institute for Health Metrics and Evaluation (IHME)
—University of British Columbia research contributions

Data covers air pollutants including:

—Ozone (O₃)
—Nitrogen Dioxide (NO₂)
—Ambient Particulate Matter (PM2.5)
—Hazardous Air Pollutants from solid fuels

👥 Team: Safety Windy

This project was developed by Swinburne University of Technology students:

—Phong Tran (104334842) - Bachelor of Computer Science (Artificial Intelligence)
—Khanh Toan Nguyen (104180605) - Bachelor of Computer Science (Artificial Intelligence)
—Mai An Nguyen (103824070) - Bachelor of Computer Science (Data Science)

🎓 Academic Context

COS30049 Computing Technology Innovation Project Swinburne University of Technology Faculty of Science, Engineering and Technology

🚀 Getting Started

Simply interact with the dashboard using the navigation menu. The application loads automatically with sample data and provides intuitive controls for data exploration.

Navigation

—Home: Project overview and team information
—Graph: Interactive visualizations and charts

Usage Tips

—Click on countries in the choropleth map to view detailed data
—Use the time slider to see data changes over years
—Hover over chart elements for detailed tooltips
—Switch between different chart types using the provided controls

📈 Project Goals

Our application aims to:

1.Educate: Increase public awareness of air quality impacts on health
2.Visualize: Make complex environmental data accessible and understandable
3.Inform: Support policy makers and researchers with data insights
4.Demonstrate: Showcase modern web development and data visualization techniques

Last updated: $(date '+%Y-%m-%d') Deployed via GitHub Actions from [cos30049 repository](https://github.com/Phonginhere/cos30049)