← All work

Dashboard SLR

Climate Risk & Geospatial Sea Level Rise Analytics

Role
Front-End & Geospatial Integration Engineer
Period
2024
Organisation
Kementerian PPN/Bappenas – SKALA Program

Overview

An interactive geospatial analytical platform visualizing the projected impact of Sea Level Rise along Indonesian coastal zones under IPCC SSP5-8.5 climate scenarios using FABDEM elevation models.

Context

Indonesia's archipelagic geography exposes thousands of coastal communities to severe sea-level hazards. Planners require precise elevation and climate scenario tools to guide coastal infrastructure.

Problem

Scientific elevation and climate projection models were inaccessible to non-specialist urban planners and disaster mitigation agencies.

Approach

Engineered an intuitive map-based analytical interface translating complex elevation models (FABDEM) and IPCC climate scenarios into interactive inundation layers and vulnerable asset statistics.

Flow

  1. 01

    Scenario Selection

    Choosing climate projections (IPCC SSP scenarios and target years)

  2. 02

    Elevation Masking

    Evaluating coastal inundation using high-resolution FABDEM data

  3. 03

    Infrastructure Overlay

    Cross-referencing flooded zones with public facilities and settlements

  4. 04

    Impact Quantification

    Summarizing exposed populations and assets for mitigation planning

Technical challenges

  • Rendering dense geospatial raster and vector tiles smoothly in the browser while maintaining high frame rates.
  • Aligning scientific climate model parameters with understandable UI controls without sacrificing scientific fidelity.

Engineering decisions

  • Implemented hardware-accelerated tile rendering and dynamic level-of-detail (LOD) fetching based on viewport coordinates.
  • Separated analytical filter state from geospatial rendering primitives to maintain instant UI responsiveness during panning.

What shipped

  • Interactive coastal inundation modeling under IPCC SSP5-8.5 scenarios
  • Integration of high-precision FABDEM digital elevation models
  • Impact assessment overlays for regional infrastructure and population

Stack

React.js · Geospatial Analytics · FABDEM Elevation · IPCC SSP5-8.5 Models · Mapbox / Leaflet · Tailwind CSS