WFP-VAM / prism-app

PRISM is an interactive map-based dashboard that simplifies the integration of geospatial data on hazards, along with information on socioeconomic vulnerability
MIT License
47 stars 34 forks source link

[Feature Request]: Revisit the design of the 'tooltip' and make it more configurable to include more text in an easier to read format #794

Closed wadhwamatic closed 1 year ago

wadhwamatic commented 1 year ago

Provide a clear and concise description of what the problem is.

The tooltip feature allows multiple datapoints and text to be added to it through layer configuration, but the format of the popup is limiting

Provide a clear and concise description of what you want to happen.

We need design options that will allow for more text to be displayed in an easy to read format.

Is there anything else you can add about the proposal? You might want to link to related issues here, if you haven't already.

For example, it would be useful to see much more in-depth information from a Kobo form submission when a user clicks on the map. Some users have also requested narrative text to be visible in the popup. I will link to some examples of text we'd want to include.

JulienPathtech commented 1 year ago

Hello @wadhwamatic , can you provide text examples you would like to be included in tooltips ? Some screenshots would be great as well.

wadhwamatic commented 1 year ago

Hi @JulienPathtech.

One current example is from ACLED reports which have been integrated in Myanmar. The report includes a couple of sentences of text that a user has to scroll within a small window to see as of now. See this layer as an example: https://prism-mmr-demo.surge.sh/?hazardLayerIds=conflict_fatalities

Screenshot 2023-05-24 at 16 01 18

Text:

Number of fatalities in an armed conflict incident: 2 Date: 2023-05-19 Event type: Explosions/Remote violence Sub event type: Air/drone strike Source: Myanmar Pressphoto Agency Details: On 19 May 2023, in In Pin village (Pakokku township, Pakokku district, Magway region), the Earthquake People's Defense Force attacked military soldiers stationed in the village with Energa bombs attached to a drone. Two military soldiers were killed.

A second example is for our regional deployment in Dakar (RBD) where the Cadre Harmonise data layers show multiple statistics in the tooltip.

https://prism-rbd.surge.sh/?baselineLayerId=ch_phase

Screenshot 2023-05-24 at 15 57 43

Text:

Population in phase 1: 62683 Population in phase 2: 125063 Population in phase 3: 102655 Population in phase 4: 81256 Population in phase 5: 1817 Population in phase 3 to 5: 185728 Reference period start: 2022-10-01 Reference period end: 2023-01-31

I'd like to get some design options before we start creating any solutions. Generally, I think having an option to configure a larger window for some layers is desirable, and then to have formatting options within that window.

wadhwamatic commented 1 year ago

@ericboucher - here's a quick mockup of a formatted tooltip for CH data in the RBD example tooltip-formatted