search

openclimatefix / quartz-frontend

Front End repo for the Nowcasting project.
https://openclimatefix.org/projects/nowcasting/
MIT License
103 stars 16 forks source link

probabilistic data visualization color options #374

Closed rachel-labri-tipton closed 1 year ago

rachel-labri-tipton commented 1 year ago

Detailed Description

We're moving forward with the national probabilistic forecast data visualization

Context

Would be good to see a couple UI options for the national probabilistic visualization.

Possible Implementation

Try some colors from the the color palette and provide some screenshots in a PR.

  1. Hex: #E4E4E4 Opacity: 0.5

Screenshot 2023-07-10 at 13 36 53

  1. Hex: #FFFDF6 Opacity:0.5

Screenshot 2023-07-10 at 14 08 54

  1. Hex:#FFD053 Opacity: 0.3 Screenshot 2023-07-10 at 13 40 02

  1. Hex: #FFAC5F Opacity:0.4 Screenshot 2023-07-10 at 13 43 24

  2. Hex: #7BCDF3 Opacity: 0.4 Screenshot 2023-07-10 at 13 46 47

  3. Hex: #63BCAF Opacity: 0.7 Screenshot 2023-07-10 at 13 49 46

  4. Hex: #7BCDF Opacity: 0.4 Screenshot 2023-07-10 at 13 54 03

  5. Hex: #9EC8FA Opacity: 0.6 Screenshot 2023-07-10 at 13 59 53

rachel-labri-tipton commented 1 year ago

Hi @dantravers, @peterdudfield, and @braddf, Here are a couple screenshots with different OCF colors and opacities. 8 is a variation on one of the blues we use in the Delta View.3 might go the best with the map. I've added the 4h-forecast in on some of these so you can see what the contrast might look like.

peterdudfield commented 1 year ago

I quite like 3.

dantravers commented 1 year ago

Yep, agree. Although I just realised 3 doesn't have the 4 hour forecast. Is it still legible with that in as well? @braddf ?

braddf commented 1 year ago

@rachel-labri-tipton I like 3 as well! I think should be okay with the 4-hour, and we can re-assess after a bit if it is irksome in the wild. Opacity looks like a good start for sure as well 👍