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
- 01
Scenario Selection
Choosing climate projections (IPCC SSP scenarios and target years)
- 02
Elevation Masking
Evaluating coastal inundation using high-resolution FABDEM data
- 03
Infrastructure Overlay
Cross-referencing flooded zones with public facilities and settlements
- 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