Design and Implementation of an Interactive Visualization Dashboard for Monitoring the Flood Vulnerability and Mapping

Abstract

This study aims to build a web-based interactive visualization dashboard from granular flood vulnerability index estimation maps using data from satellite imagery. The approach used to build this visualization dashboard is a two-dimensional (2D) approach created with the qgis2web python plugin facilitated with a JavaScript leaflet. Raw data from satellite imagery consisting of indicators of the causes of flooding are extracted in comma-separated value (CSV) format. Furthermore, the data is integrated based on its spatial attributes and stored in Geographic JavaScript Object Notation (GeoJSON) format to produce a visualization of the flood vulnerability index map. In web views, dashboards are built by utilizing hypertext markup language (HTML), cascading style sheets (CSS), and JavaScript (JS). This interactive dashboard has several useful features in helping the process of monitoring the flood vulnerability of an area such as zoom, "show me where I am", measure distance, search, legend, and change year. Thus, the flood vulnerability estimation map dashboard is expected to assist the government in monitoring areas with extreme flood vulnerability and support the decision-making process related to mitigation of areas that have high flood vulnerability.