FloodIT

Inspiration

The GLOFAS presentation at the start of FloodHack described the RedCross using GLOFAS to help with the forecasting of potential local flooding and the possibility to pre-empt a catastrophe. GLOFAS is a global product and presents coarse data. We thought that this was too coarse for local users, especially non-technical users to interpret. More importantly, it might be hard to visualise the consequences if nothing is done.

Using the GLOFAS data and other geospatial information, we wanted to improve the visualisation experience by trying to use the data, not just visualising it.

What it does

Based on a down-sampled AsterDEM, creates a simple flood simulation that is local.

By accessing GLOFAS forecast data through Rasdaman, provide visual information about the emergency level of the flood forecast through an infographic.

How we built it

The prototype was built using ncWMS and JavaScript (Leaflet). We needed to get a Digital Elevation Model (LPDAAC - AsterDEM) and ingest it. Using client side JS, we compute relevant elevation thresholds to produce the flood animation for the slider. To get access to GLOFAS, we used Python scripts together with Rasdaman. This is the basis for the flood infographic to tell users the flood devastation potential.

Challenges we ran into

Extract data from GLOFAS via Rasdaman. Mixing coarse and fine data for visualisation

Accomplishments that we're proud of

Dynamic browser visualisation and client side data processing.

What we learned

Lot's of JS.

What's next for FloodIT

Integration into the operational GLOFAS

Built With

• asterdem
• canvas
• gdal
• glofas
• javascript
• json
• leaflet.js
• ncwms
• netcdf
• python
• rasdaman
• wcs
• wms