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

Mobile browser support? #8

Open
jacobsamlarose opened this issue Dec 30, 2021 · 5 comments
Open

Mobile browser support? #8

jacobsamlarose opened this issue Dec 30, 2021 · 5 comments

Comments

@jacobsamlarose
Copy link

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...

@g1eb
Copy link
Owner

g1eb commented Jan 10, 2022

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.

@Dyl777
Copy link

Dyl777 commented Jan 19, 2024

Is there a way to make it horizontal scrollable??

@g1eb
Copy link
Owner

g1eb commented Jan 19, 2024

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.

@EmilioGarCan
Copy link

Looking at implementing this in my app - I want to make it mobile friendly and I need to be able to select certain months, e.g. only jan, feb, mar instead of jan-dec.

Is it possible to limit the calendar to only a few months?

@g1eb
Copy link
Owner

g1eb commented Sep 15, 2024

Looking at implementing this in my app - I want to make it mobile friendly and I need to be able to select certain months, e.g. only jan, feb, mar instead of jan-dec.

Is it possible to limit the calendar to only a few months?

Hi there! This pops up every now and then, mobile was not supported in the original context and was out of scope for the project that this was used in (for various reasons, mostly because UX would need to be worked out separately on mobile)

Feel free to clone this repository and try limiting the number of months shown, if you create a working version with mobile support I'd be more than happy to merge it for you in a new version :)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants