Browser zoom makes graph blurry

[kmcnaught]

Description

If a user struggles to read small text (e.g. has a visual impairment or has dyslexia) then they might user browser zoom to get larger text. When you zoom in (Windows 10, Firefox 112.0.2 (64-bit)) the UI all scales correctly (yay!) except that the graph ends up really blurry.

See video demo: https://www.loom.com/share/ebb4b39a794c4c4eadcbdb30b14dd98d

Screenshots

Additional information

No response

[camdan-me]

Are you referring to the thickness of the graph line? I'm not sure what you mean by blurry.

[kmcnaught]

This is the difference - it's like the graph has been rendered to a lower resolution.

Zoom = standard (100%)	Zoom = 250%

[camdan-me]

Ah I see what you mean. It looks like the thickness of the line is what changes, the samping of the graph doesn't actually change, so it shouldn't impact gameplay- the samples are just more visible.

[kmcnaught]

It's mainly the legibility of the text on the graph that seems problematic. Good to hear it doesn't affect gameplay.

[camdan-me]

Oh I didn't notice the text, this is an excellent point. @polytroper any idea why this might be happening?

[polytroper]

Weird. Nothing immediately comes to mind, but blurriness aside it is going to be very tricky to manage this relationship since the complex layout of the cartoon-style text makes it very nontrivial to enlarge. I would expect zooming to have no effect on the size of that text, but I’m not totally sure why it makes it blurry.