search

covid19-dash / covid-dashboard

Help welcomed if you have expertise in public health web technology, data modeling and munging, or visualization.
https://covid19-dash.github.io/
BSD 3-Clause "New" or "Revised" License
131 stars 41 forks source link

slider broken on mobile #62

Open pbellec opened 4 years ago

pbellec commented 4 years ago

This is a very useful tool, better done than what I have seen so far. Congrats to the team!

The experience on mobile is not optimal though, as the controls are really small. But it is workable. The only real issue I have noticed is the zoom tool (gray shaded area). It does not seem to respond to touch. But the zoom in on the curve does work. This actually makes the dashboard unusable as soon as you start zooming in.

GaelVaroquaux commented 4 years ago

Cc @nicolaskruchten : any advice for mobile?

nicolaskruchten commented 4 years ago

Hmmm yeah the rangeslider might not be mobile-enabled in Plotly.js. Not much I can offer by way of workarounds unfortunately :(

Basically users can double-tap the main plotting area to zoom all the way out and then tap-drag to zoom back in to the desired area.

On a design level, I might suggest removing the rangeslider?

GaelVaroquaux commented 4 years ago

On a design level, I might suggest removing the rangeslider?

You might be right. I love it, but I think that it targets advanced users.