# Interactive Web App

## USAID Wonders of the Mekong: Lower Mekong Free-flowing River App

The purpose of this tool is explore the results of Free-flowing river assessment for the Lower Mekong Basin in 2022 conducted by WWF-US, WWF-Greater Mekong, Dr. Doan Van Binh, Vietnamese-German University, Vietnam, and Confluvio. This project was realized with the generous support of the USAID Wonders of the Mekong project. The Wonders of the Mekong project conducts applied research, builds capacity, and develops outreach and communications products to highlight the economic, ecological, and cultural values of biodiversity and ecosystem services associated with the Lower Mekong River.

This tool is currently under development. Users exploring the current draft may experience slow load times or possible bugs. We please ask for your patience if you encounter any issues, thank you.

<figure><img src="https://2747381194-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-McjjKchgxjgJZpS7Jbk%2Fuploads%2FgXwz931EmClYNCn39ikM%2Fimage.png?alt=media&#x26;token=1b40168f-d9d2-4e04-a1bf-47af14380d15" alt=""><figcaption><p>Overview of Tool Interface</p></figcaption></figure>

## Link to map tool

{% embed url="<https://free-flowing-lower-mekong.web.app/>" %}
Link to web application
{% endembed %}

## Functionality of Tool

The following describes the main functions and components of the tool.

### Theme panel&#x20;

The data in the prioritization tool is organized into two themes and each theme contains multiple data layers. The main theme is the "FFR" theme, showing the layers that resulted from the assessment. The second theme, "Atlas", contains additional data layers that are of interest in the region. We plan on adding additional layers, as the tool develops.

### Layer Panel

The layer panel provides the individual data layers viewable in the tool. The top layer displays the Barriers data used in this assessment which can be toggled on or off independently from the river reach layers.&#x20;

River reach layers can be turned on or off one at a time in the map display by toggling the eye symbol associated with each layer. The map display can then be used to visually explore the layer by zooming and panning in the map interface.

### Filter function

With the filter function, the user can identify river reaches that meet specific criteria based on attribute values of one or multiple layers. Using the button, the user can adjust the range filter to only display map results in the output that meet the criteria specified in the range filter, other river reaches become grey.&#x20;

Range filters from multiple layers can be applied simultaneously. For example, the user may filter river reaches with a discharge above 100 cubic meters per second in the "Natural Discharge" layer of the "Atlas" theme, and then additionally filter the CSI layers to highlight only reaches above 95%. This selection reveals medium-to-large rivers with good connectivity.

Note that specific values can be entered manually in the 'min' and 'max' field of the layer. When a range filter is applied to a layer, the layer will be highlighted in yellow. The user also has the option of resetting the filter to the default range by selecting the circular arrow symbol next to the range filter.&#x20;

### Map panel

The map panel provides a 'slippy map' interface and allows the user to zoom and pan the map content. With a mouse-click on a river feature or barrier, a pop-up provides key information of the clicked feature underneath the cursor.&#x20;

The map contains a satellite imagery basemap with thematic features that was specifically created for this project. It emphasizes water and conservation features and subdues roads and cities.&#x20;

On the top left, a legend is provided with a short description of the layer, as well as the value categories for the specific layer.&#x20;

The top-right side of the map panel provides functions to zoom, maximize the map interface to the full screen, and to return to the default zoom showing the Lower Mekong Region.

With a mouse-click on a river feature or barrier, a pop-up provides key information of the clicked feature.&#x20;

### Contact

For questions or comments, please get in touch with the developer of this tool at 'info at confluvio.com'. Thank you!
