Sustainability Monitoring Dashboard
2025
Capstone · ESG analytics dashboard
Overview
For my capstone, we built a map-based dashboard that visualizes ESG data—emissions, energy, water, and waste—for about 3,300 companies across Singapore, Malaysia, and Indonesia from 2021 to 2024. The goal was to make it easy for anyone to see how companies in the region are performing on sustainability, without digging through spreadsheets.
I cared a lot about making the data feel explorable rather than overwhelming. You can pan around the map, filter by sector or metric, and click into a company to see the full picture. We also kept the whole thing static (no backend), so the pipeline that turns raw CSV into something the app can use was a big part of the design—getting that right meant the dashboard could stay fast and simple to host.
It was a group project and I took the lead on UX and system design. Seeing the first version come together and actually being able to compare companies side by side felt like we’d turned a messy dataset into something people could really use.
Contributions
- •Led UX and system design for the ESG dashboard
- •Architected data pipeline and application logic for static runtime
- •Designed map, search, and company detail views with interactive filtering
Key Features
- 1.Map-Based Visualization: Geographic view of ESG data for 3,300+ companies across SG, MY, ID
- 2.Data Pipeline: CSV-to-TypeScript transformation with plausibility banding and unit normalization
- 3.Multi-Panel Layout: Map, search, and company detail views with interactive filtering
Implementation
- •Framework: Next.js
- •Language: TypeScript
- •Mapping: Leaflet
- •Styling: Tailwind CSS
- •Runtime: Static (no backend)