Poor Mobile Experience

[sinecurelife]

This chart is too large to be viewed properly on mobile devices. A smaller option should be made available to those who would like to view the chart without zooming.

If removing certifications to make a smaller chart is selected, proper selection criteria should be developed to decide which certifications to remove.

[sinecurelife]

The code treats any screen with a wide 897px or smaller as mobile (iPhone Max is 898px wide). When this happens, the code switches from the chart to a static image (lines 674-688).

If a better way is possible, I'm open to changing this behavior.

[sinecurelife]

I've gotten more feedback that the mobile version is not very good. 60% of traffic is on mobile so this is now a high priority issue.

[sinecurelife]

I updated the image to be the April 2022 version which will make it less bad for awhile

[gsuberland]

Making the image a clickable link to itself would help. Right now, on Chrome under Android, there's no way to zoom in on the page - it treats it as fixed width and a two-finger drag motion does nothing. I had to long-press the image and go to "open image in new tab" to read it.

[sinecurelife]

I adjusted the website template to allow the real chart to horizontally scroll in the mobile version.

Remaining issues:

• Domain title text appears too large or misaligned in mobile
• The first row is too large, or the sub-domain text in that first row is not properly aligned in mobile
• Tooltips do not work in mobile
• It is easy to accidently go to a certification website while trying to navigate the chart. Rework so that the first click brings up the tooltip text and then clicking the tooltip redirects to the certification website