Plot y-axis label blurry on windows 10

[anthonydouc]

Not sure if there is a current open issue capturing this, but on windows 10 the the y-axis labels are particularly distorted. It looks like it is somewhat zoomed out, so when zooming in at 200-250% it looks alot closer to how it does on osx.

The same thing occurs across google chome and firefox. Edge is actually a bit better.

Mac osx (google chrome)

Windows 10 chrome (100% zoom)

Windows 10 chrome (200% zoom)

[mattpap]

Can you try out different fonts (we use helvetica by default) and see if the problem persists (set axis_label_text_font property)? We don't have reliable access to windows (especially 10) machines, so it may take a while for us to get to this issue.

[anthonydouc]

Google chrome, with times new roman (zoom at 100%):

Google chrome, with times new roman (zoom in to 200%):

Edge, with times new roman (zoom at 100%):

[xavArtley]

Windows 10 chrome:
I don't notice a real blur problem at any zoom level :

[anthonydouc]

Windows 10 chrome:
I don't notice a real blur problem at any zoom level :

Which version of bokeh are you using

[xavArtley]

1.1.0devx Le mer. 20 mars 2019 à 23:08, Anthony Doucouliagos <notifications@github.com> a écrit :

…

Windows 10 chrome: I don't notice a real blur problem at any zoom level : [image: image] <https://user-images.githubusercontent.com/18531147/54155175-df380980-4443-11e9-8875-cec32a7c7afe.png> [image: image] <https://user-images.githubusercontent.com/18531147/54155262-0bec2100-4444-11e9-9752-c8361e865599.png> [image: image] <https://user-images.githubusercontent.com/18531147/54155364-43f36400-4444-11e9-944b-e3348a4de264.png> Which version of bokeh are you using — You are receiving this because you commented. Reply to this email directly, view it on GitHub <#8478 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/ARrDS9SB-gkLLXx_EdqcGQd4wrdK33Gpks5vYrFOgaJpZM4Y9PFP> .

[anthonydouc]

It still looks blury to me. Even in the images you sent through at 100% zoom the text looks distorted - when you zoom further in it looks improved. I suspect it would be associated with a canvas drawing issue

[mattpap]

I suspect it would be associated with a canvas drawing issue

Most likely that's the case and there may be nothing we can do about it in general. However, it would be good to know what advice to give users in future. @anthonydouc, can you try using non-italic or unstyled font, or a different font altogether for the vertical axis? Maybe there is a combination that works more reasonably.

[mattpap]

Actually, I already asked earlier for a different font, so lets focus on styling this time.

[jxramos]

@anthonydouc I'm interested in the context of the blurriness. Is it something you're finding directly in the browser? Are these images you present generated by the save button floppy disk icon on the bokeh toolbar? Are these screenshots?
When I download the images as served by gitHub here I actually find different resolutions, the Mac version being twice as large...

Mac osx (google chrome):        Width 1224, Height 1188, Bit depth 32 
Windows 10 chrome (100% zoom):  Width 618 , Height 599 , Bit depth 32 

[bryevdv]

the Mac version being twice as large...

That's a function of the retina display and the corresponding different device pixel ratio on the mac

[anthonydouc]

@anthonydouc I'm interested in the context of the blurriness. Is it something you're finding directly in the browser? Are these images you present generated by the save button floppy disk icon on the bokeh toolbar? Are these screenshots?
When I download the images as served by gitHub here I actually find different resolutions, the Mac version being twice as large...

Mac osx (google chrome):        Width 1224, Height 1188, Bit depth 32 
Windows 10 chrome (100% zoom):  Width 618 , Height 599 , Bit depth 32 

Sorry have not had time to look further into this.
Although the images attached are screenshots, they are observed directly in the browser.

But perhaps those issues are related? When you zoom in at 200% it seems to not be blurry.

[bryevdv]

Have not looked at this article in detail but it does claim that the approach we have taken is "outdated" and presents an alternative method for dealing with a blurry canvas. Possibly worth investigating when time permits

https://medium.com/wdstack/fixing-html5-2d-canvas-blur-8ebe27db07da

[mattpap]

This article doesn't bring anything new to the picture. We use the same HiDPI approach as everyone else. If this was a problem with pixel density, we would see other artifacts as well. I observed this problem before in phantomjs, which leads me to conclusion that this may be just an issue with an outdated browser. Unfortunately we didn't ask for the version of chrome being used. Then there's a possibility that there was a regression in chrome at some point affecting font rendering on this particular platform.

[anthonydouc]

This article doesn't bring anything new to the picture. We use the same HiDPI approach as everyone else. If this was a problem with pixel density, we would see other artifacts as well. I observed this problem before in phantomjs, which leads me to conclusion that this may be just an issue with an outdated browser. Unfortunately we didn't ask for the version of chrome being used. Then there's a possibility that there was a regression in chrome at some point affecting font rendering on this particular platform.

Happy to check to see if the same problems occur and provide a chrome version if that is helpful.

[mattpap]

Actually, we still use backingStorePixelRatio. I must have removed this in PR that got stalled. Though I doubt this affects anything. I will submit a PR and we will see if this changes anything.

[bryevdv]

I will have an rc1 out this weekend with the change. I'd say it would be good to test with it @anthonydouc but fair warning we are probably just going to have to close this issue regardless as there is just not anything else I think we could do or change.

[bryevdv]

Absent any feedback/further information, I am closing this as stale