Smart City Climate Dashboard

City Data

A quick look at temperature trend and community energy savings. Data below is sample/offline so the app works without internet. You may replace with real API data for better view.

28

°C avg today

1.24

tCO₂e community saved

Transport Mix

Encouraging public transport and cycling supports SDG 9 (modern transport depends on and drives innovation, technology, and infrastructure development), SDG 11 (inclusive, sustainable cities) and SDG 13 (lower emissions).

Innovation & Infrastructure (SDG 9)

Modern, Resilient transport infrastructure, Clean tech adoption.

24

EV chargers

Public chargers installed

18

smart lights

AI traffic signals live

1

solar depot

Solar-powered bus depot

35

km

Protected bike lanes

Eco-Action Tracker

Tick your daily actions. Your score and impact are saved on this device (localStorage).

Your Streak

0

days

Total Points

0 / 500 pts

Leaderboard (this device)

CO₂ Calculator

Estimate your monthly emissions. Factors are approximate and editable.

Car travel (km/month)

Bus/Train (km/month)

Electricity (kWh/month)

Meat meals (per week)

Emission factors (editable)

Car kg CO₂ / km

Bus/Train kg CO₂ / km

Electricity kg CO₂ / kWh

Meat meal kg CO₂

Your Results

0.00

kg CO₂ / month

Sustainable Development Goals Learning Quiz

Test your knowledge on Good Health & Well-Being, Quality Education, Affordable & Clean Energy, Sustainable Cities & Communities, Climate Action, and Industry, Innovation & Infrastructure.

About This Project

Inventor: Built by NEKASH A/L KOMARAJEEVEN from SMK BANDAR TASEK MUTIARA,PULAU PINANG

Purpose: Demonstrate a student-built, offline-friendly web app aligning with SDG 9 (Industry,Innovation and Infrastructure) SDG 11 (Sustainable Cities & Communities) and SDG 13 (Climate Action)which forms a SMART CITY DASHBOARD.

SDG 9: Promoted via use of web technologies, real-time APIs, and mapping tools. Promotes innovative digital solutions for urban challenges
SDG 11: Promoted via transport mix, eco-habits, and city dashboard views.
SDG 13: Promoted via emissions calculator, savings visualization, and learning quiz.

Other Benefits:

SDG 3: Promoted via Air quality & CO₂ data indirectly link to public health. Cleaner cities improve overall well-being.
SDG 4: Educates users on sustainability, climate, and energy. Interactive charts and graphs create awareness among students.
SDG 7: Promoted via energy efficiency in urban areas.

Enhancements you can add: real weather/air-quality APIs, a city map (Leaflet), service worker for offline caching, and a leaderboard backed by a database.

Built with HTML, CSS, and JavaScript. Charts powered by Chart.js.