Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Airnote map/dashboard adjustments #817

Open
8 of 9 tasks
matschaffer opened this issue May 28, 2021 · 19 comments
Open
8 of 9 tasks

Airnote map/dashboard adjustments #817

matschaffer opened this issue May 28, 2021 · 19 comments
Labels
project:reporting req:pieter Requested by @pieter
Projects
API Team board

Comments

@matschaffer
Copy link
Contributor

matschaffer commented May 28, 2021 •
edited

See https://docs.google.com/document/d/1oJnKmivk8KjfXsVF1G7NSvVe8tLX8JA9GmP0F8RddGM/edit for notes

Home

See https://grafana.safecast.cc/d/Lrk0VZ6Mk/all-live-sensors-mat?orgId=1

  • Organize folders, hide those not intended for anonymous access
  • Don't colorize based on data, just show all sensors
  • Add explanation text panel

Airnote

See https://grafana.safecast.cc/d/1OA6VZ6Gz/matschaffer-safecast-airnote?orgId=1&var-device_urn=note:dev:864475044191194

  • Show most recent value as text panel
  • Add explanatory text
    • Temp is in-box reading
    • Pressure, explain unadjusted for altitude
    • Battery, include USB info

Home -> Device Map

  • Update to mirror airnote dashboard updates, but including radiation values
@matschaffer matschaffer self-assigned this May 28, 2021
@matschaffer matschaffer added this to In progress in API Team board May 28, 2021
@matschaffer
Copy link
Contributor Author

Ask @jamoross for advice on explanatory texts for each panel.

@matschaffer
Copy link
Contributor Author

screencapture-grafana-safecast-cc-d-7wsttvxGk-safecast-airnote-2021-05-28-11_51_00

@matschaffer
Copy link
Contributor Author

@nokton let me know if https://grafana.safecast.cc/d/Lrk0VZ6Mk/all-live-sensors-mat?orgId=1 looks okay for the home page dashboard

@matschaffer
Copy link
Contributor Author

@nokton also https://grafana.safecast.cc/d/1OA6VZ6Gz/matschaffer-safecast-airnote?orgId=1&var-device_urn=note:dev:864475044191194 for airnotes

Not sure what we should say about USB power on the battery charging grapn. Maybe @jamoross or @robouden knows?

@robouden
Copy link
Contributor

@matschaffer Just wondering why the zoom level is at 7?
Like the blue color!!

@robouden
Copy link
Contributor

robouden commented May 31, 2021 •
edited

The green color on the level is much more an acceptable standard for Air quality. I think on the map, if we use color for indication of levels we should follow the colors used by other organizations. Not starting with blue. https://en.wikipedia.org/wiki/Air_quality_index
Screenshot from 2021-05-31 21-28-51

@matschaffer
Copy link
Contributor Author

Thanks for the review @robouden !

I set the zoom and centering to avoid this problem in mobile

D775CB75-E887-4C1B-904E-C9FDCDC037A5

Level 7 with Japan centering looks better to me. Centering to the users current location would be ideal but doesn’t look supported.

6C854E98-9BF7-4F14-8A99-B0C7C69FA283

As for the color, I seem to recall @jamoross and @nokton preferring not to use the aqi coloring. That’s why I adapted the colors from map.safecast.org

@robouden
Copy link
Contributor

robouden commented Jun 1, 2021

What are the reasons they gave for the coloring?
We are all about standards, why not standard colors too?

@matschaffer
Copy link
Contributor Author

matschaffer commented Jun 1, 2021 •
edited

@robouden pretty sure https://safecast.slack.com/archives/GHYMFJC0P/p1608772847216000?thread_ts=1608771048.184400&cid=GHYMFJC0P is where I got it from. Private slack message, but @robouden is in the channel so he should be able to see it.

@nokton
Copy link
Member

nokton commented Jun 1, 2021 via email

@matschaffer
Copy link
Contributor Author

Question: What is the logic for the Air Quality global map - the PM value as read at noon in each location over the past 24h?

@nokton do you mean https://grafana.safecast.cc/d/t_Z6DlbGz/safecast-all-airnotes?orgId=1 or the "noon" map we discussed on zoom? The "noon" map doesn't exist. I've opened #818 to work on it.

Map Title (for all three maps we discussed)

  • SAFECAST Global Air Quality Map

#818 captures this

  • SAFECAST Global Radiation Map

This is https://map.safecast.org/

  • SAFECAST Global On-line Device Map

I updated https://grafana.safecast.cc/d/Lrk0VZ6Mk/matschaffer-safecast-global-on-line-device-map?orgId=1

Location box title:

  • Air Quality Sensors
  • Radiation Sensors
  • Air Quality and Radiation Sensors

Not sure what you're asking for here.

We could potentially colorize air vs radiation like @robouden did on https://grafana.safecast.cc/d/tM974BuMz/safecast-devices-air-and-radiation-big-map?orgId=1

Map zoom level - prefer “8” so we see the entire globe?

8 would just show tokyo.

Screen_Shot_2021-06-01_at_16_21_09

I'll leave it at 3 for now.

Text box Title: “About this map"
Text in “About this map" box: ...

Done - see https://grafana.safecast.cc/d/Lrk0VZ6Mk/matschaffer-safecast-global-on-line-device-map

For the sensor dash board:

  • Rename “Links" to “About”
    Text in “About": ...

Done with a caveat

Configure this Airnote: <<< device specific link here >>>

this is not possible since grafana can't do the airnote PIN handling

Device Location -> “Location”

done

“Most recent … ” -> “Last … "

done

Humidity popup ...

done

Air Quality pop-up: ...

done

Recent raw data pop-up: ...

done

for above see https://grafana.safecast.cc/d/1OA6VZ6Gz/matschaffer-safecast-airnote?orgId=1&var-device_urn=note:dev:864475044191194

@matschaffer
Copy link
Contributor Author

In today's API sync meeting we met with @jamoross and @robouden and decided to go with the us scale for coloring:

https://en.wikipedia.org/wiki/Air_quality_index#United_States

cc @nokton

@matschaffer matschaffer moved this from In progress to Needs Review in API Team board Jun 2, 2021
@nokton
Copy link
Member

nokton commented Jun 2, 2021 via email

@matschaffer
Copy link
Contributor Author

  • noon map is what we settled on, but we could deploy in two steps if that is faster (e.g. step one showing sensors as of now and step two once noon map is ready) . Description box may need to reflect what is shown accordingly, but lets focus on getting V1 up.

Yes, that will take time to build. I'm not sure if grafana can manage it either.

SAFECAST Global Radiation Map
What we discussed was to do an equivalent map of Air for Radiation fixed sensors, while the “default’ map shows all live sensors. I’m feeling we’re better of to limit the radiation maps to drives, and move stationary to the new maps. That way we can power down real-time as it is used by the radiation map still.
We should also consider to have map.safecast.org point to a landing page from which various maps can be accessed

Okay, we could make something like https://grafana.safecast.cc/d/Lrk0VZ6Mk/matschaffer-safecast-global-on-line-device-map for just fixed radiation as well.

We could potentially colorize air vs radiation like @robouden grafana.safecast.cc/d/tM974BuMz/safecast-devices-air-and-radiation-big-map
Good idea and assume you can make the legend describe the difference.

No, the legend can't describe the difference in this case. That's why Rob used the title.

Plz avoid primary colors blue, red and green (if you are interested why, ask me next time when we connect)

Please advise on colors if you still want to do this map change.

Please put it at 8 as we want to show the GLOBAL map, not local/zoom in. 🙏 🙏
(If you like make another copy of the widget with local zoom in at level 2, so you have both, but no compromise on global plz)

8 is more zoomed in than 3. I think you're confused on the direction.

Also if we zoom to global the top half of the screen will be whitespace on portrait smartphone. I don't think this is a good idea.

Please use the link for Radiation Sensors as specified - the google group is not the right channel to respond to people that want to purchase a device🙏 🙏

You specified "Get your own Radiation Sensor: @.***" - where should I point it?

SAFECAST Global Air Quality Map

This dashboard hasn't been created yet, but I can work on it.

I like this version … One thing — In the text box the link points to the global sensor map, but should point the the global Air Quality map instead.
Most importantly: In the maps when clicking on a sensor it doesn’t go to the above sensor dashboard - can that be changed to do so, so we have the same experience there too?

Not entirely. Note that so far we've been working on two dashboards

  1. Global device map: https://grafana.safecast.cc/d/Lrk0VZ6Mk/matschaffer-safecast-global-on-line-device-map?orgId=1 (note: not Air or Radiation, just any device)

  2. Airnote: https://grafana.safecast.cc/d/1OA6VZ6Gz/matschaffer-safecast-airnote?orgId=1&var-device_urn=note:dev:864475044191194 (note: airnote, not any air or radiation sensor)

We don't have the capability to link from a generic "device" map to a specific "airnote" page.

That's why the global device map links to the "device details" dashboard (https://grafana.safecast.cc/d/DFSxrOLWk/safecast-device-details?orgId=1&from=now-2d&to=now&var-device_urn=pointcast:10022&refresh=15m) which I haven't made any changes too yet.

We could give this a similar treatment, but we can't show/hide panels depending on device capabilities.

@nokton
Copy link
Member

nokton commented Jun 4, 2021 via email

@matschaffer
Copy link
Contributor Author

Had a chat with @nokton today. Based on that the new home page map is complete and online https://grafana.safecast.cc/d/u5-KaDEWk/safecast-global-on-line-sensor-map?orgId=1

Screen Shot 2021-06-04 at 14 24 24

@matschaffer
Copy link
Contributor Author

@nokton let me know what you think for https://grafana.safecast.cc/d/1OA6VZ6Gz/matschaffer-safecast-airnote?orgId=1

I updated the coloring and description on the "Last PM2.5" graph

Screen Shot 2021-06-04 at 14 45 30

I also removed the PM2.5 coloring from the map and just used the same orange from the homepage map.

Screen Shot 2021-06-04 at 14 46 47
Screen Shot 2021-06-04 at 14 46 51

The map widget can only show an average value for the full selected time scale whereas the "last" value shows the last. Colorizing both to the same scale made them look "different". The map dot would be likely green whereas the "last" could be yellow.

The map does not support colorization based only on the most recent value.

@nokton
Copy link
Member

nokton commented Jun 4, 2021

The yellow on white is rather hard to read so you may choose a slightly darker yellow for better readability. If you can show the last value over the average value in the popup, then that would be my preference.

@matschaffer
Copy link
Contributor Author

matschaffer commented Jun 4, 2021 •
edited

If you can show the last value over the average value in the popup, then that would be my preference.

That's not supported.

As for the color. Here's a bit darker (#eeee55)

Screen Shot 2021-06-04 at 15 37 48

or we could keep the same color (#ffff55) and default the site to dark mode

Screen Shot 2021-06-04 at 15 38 39

@matschaffer matschaffer moved this from Needs Review to In progress in API Team board Jun 9, 2021
@matschaffer matschaffer changed the title Airnote map adjustments Airnote map/dashboard adjustments Jun 15, 2021
@matschaffer matschaffer moved this from In progress to Soon in API Team board Nov 24, 2021
@matschaffer matschaffer removed their assignment Apr 14, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
project:reporting req:pieter Requested by @pieter
Projects
API Team board
Soon
Milestone
No milestone
Development

No branches or pull requests
3 participants
@matschaffer @nokton @robouden