Back to projects

Sustainability Monitoring Dashboard

2025

Next.jsTypeScriptLeafletTailwind CSSESGData VizCapstone

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

Key Features

  1. 1.
    Map-Based Visualization: Geographic view of ESG data for 3,300+ companies across SG, MY, ID
  2. 2.
    Data Pipeline: CSV-to-TypeScript transformation with plausibility banding and unit normalization
  3. 3.
    Multi-Panel Layout: Map, search, and company detail views with interactive filtering

Implementation