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.

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

Add day/night shading to Sensor map #77

Open
keenanjohnson opened this issue Mar 11, 2022 · 4 comments
Open

Add day/night shading to Sensor map #77

keenanjohnson opened this issue Mar 11, 2022 · 4 comments
Labels
enhancement New feature or request front-end

Comments

@keenanjohnson
Copy link
Member

From a Ribbit Network user: It would be great to have some sort of night/ day shading of the graph background, so you know where you are at in time.

@keenanjohnson keenanjohnson added the enhancement New feature or request label Mar 11, 2022
@spestana
Copy link
Contributor

Here's an implementation with leaflet alone (not dash): https://github.com/joergdietrich/Leaflet.Terminator

@benorloff
Copy link

To clarify, which would be better for user experience?

  1. To display night and day regions on the global map
  2. Render the global map in either 'light' or 'dark' mode based on the user's location and timestamp

If #1, then I think adding overlays per @spestana 's suggestion makes sense.

If #2, I think it would just be a matter of dynamically updating the map style of the tileset based on geolocation and timestamp.

@spestana
Copy link
Contributor

spestana commented Dec 2, 2022

I have a work in progress on a branch here with some promising results now, but it still needs some fine tuning with the map display.

image

It's a dash-leaflet (python) version of the plain leaflet (js) code here: https://github.com/joergdietrich/Leaflet.Terminator

@keenanjohnson
Copy link
Member Author

oh wow! This is awesome @spestana ! I continue to be impressed with the capabilities of dash / plotly.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request front-end
Projects
None yet
Development

No branches or pull requests

3 participants