calendar-heatmap icon indicating copy to clipboard operation
calendar-heatmap copied to clipboard

Mobile browser support?

Open jacobsamlarose opened this issue 3 years ago • 5 comments

Wondering if anyone might have any pointers/thoughts for rendering this via a mobile browser, since lot of the useful information display is triggered through mouseovers... I've been looking at touch events but haven't yet found a solution...

jacobsamlarose avatar Dec 30 '21 01:12 jacobsamlarose

Hi Jacob! Sorry about the late reply. Back when this was developed we did not take mobile devices into account.

I think you could make it work by using touch events instead of mouse events, most of them would map directly. That being said, I would be more concerned about the various sizes of mobile devices and how you'd fit the heat map on the screen without losing interactivity with the circles when they become too small to touch/point at.

g1eb avatar Jan 10 '22 08:01 g1eb

Is there a way to make it horizontal scrollable??

Dyl777 avatar Jan 19 '24 13:01 Dyl777

Hi there! I think you should be able to render d3 heatmap with predefined set of dimensions (widht/length) inside of a container that has overflow-x enabled, and then have that container be the exact size that you want it to be with horizontal scroll.

g1eb avatar Jan 19 '24 19:01 g1eb