✨ mab bracketer: ux/ui

[lucasrodes]

UX/UI improvements

The main motivation for these improvements is to have the chart shown more prominently so that the user doesn't have to constantly scroll down.

Actions taken:

• Move description and limitations to a popover (labeled as "Learn about it") so that it doesn't take much vertical space.
• Don't show the different 'use cases' radio buttons, since only one is supported. Signal this in the Learn about it popover.
• Put dataset and indicator selection in a container with border so it is easily found.
• Sidebar is shown by default. It was set to collapsed; I thought there we don't necessarily need to hide it this time since the page doesn't need much width.
• Move configuration parameters to the side bar.
• Move export config button to the side bar, so that it is always visible.

Future work

There are some minor things that we could tackle in https://github.com/owid/etl/pull/2790.

I'll leave comments in there once we merge this.

Basically, some improvements I can think of are to add more help messages to streamlit widgets.

[owidbot]

Quick links (staging server): Site	Admin	Wizard

Login: ssh owid@staging-site-add-map-brackets-tool-lucas

chart-diff: ✅

No charts for review.

data-diff: ❌ Found differences

```diff = Dataset garden/climate/2023-12-20/surface_temperature = Table surface_temperature ~ Column anomaly_above_0 (changed metadata) - - - The temperature anomaly is calculated by comparing the average surface temperature of a specific time period (e.g., a particular year or month) to the mean surface temperature of the same period from 1991 to 2020. + + - The temperature anomaly is determined by comparing the average surface temperature of a given month to the 1991-2020 mean, highlighting climate variations. ~ Column anomaly_below_0 (changed metadata) - - - The temperature anomaly is calculated by comparing the average surface temperature of a specific time period (e.g., a particular year or month) to the mean surface temperature of the same period from 1991 to 2020. + + - The temperature anomaly is determined by comparing the average surface temperature of a given month to the 1991-2020 mean, highlighting climate variations. ~ Column temperature_anomaly (changed metadata) - - - The temperature anomaly is calculated by comparing the average surface temperature of a specific time period (e.g., a particular year or month) to the mean surface temperature of the same period from 1991 to 2020. + + - The temperature anomaly is determined by comparing the average surface temperature of a given month to the 1991-2020 mean, highlighting climate variations. Legend: +New ~Modified -Removed =Identical Details Hint: Run this locally with etl diff REMOTE data/ --include yourdataset --verbose --snippet ``` Automatically updated datasets matching _weekly_wildfires|excess_mortality|covid|fluid|flunet|country_profile|garden/ihme_gbd/2019/gbd_risk_ are not included

Edited: 2024-07-01 11:31:48 UTC Execution time: 14.93 seconds