{"action":"created","issue":{"url":"https://api.github.com/repos/bokeh/bokeh/issues/4293","repository_url":"https://api.github.com/repos/bokeh/bokeh","labels_url":"https://api.github.com/repos/bokeh/bokeh/issues/4293/labels{/name}","comments_url":"https://api.github.com/repos/bokeh/bokeh/issues/4293/comments","events_url":"https://api.github.com/repos/bokeh/bokeh/issues/4293/events","html_url":"https://github.com/bokeh/bokeh/issues/4293","id":153597654,"number":4293,"title":"WebGL blurry on OS X, not visible in Safari","user":{"login":"guillochon","id":4998058,"avatar_url":"https://avatars.githubusercontent.com/u/4998058?v=3","gravatar_id":"","url":"https://api.github.com/users/guillochon","html_url":"https://github.com/guillochon","followers_url":"https://api.github.com/users/guillochon/followers","following_url":"https://api.github.com/users/guillochon/following{/other_user}","gists_url":"https://api.github.com/users/guillochon/gists{/gist_id}","starred_url":"https://api.github.com/users/guillochon/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/guillochon/subscriptions","organizations_url":"https://api.github.com/users/guillochon/orgs","repos_url":"https://api.github.com/users/guillochon/repos","events_url":"https://api.github.com/users/guillochon/events{/privacy}","received_events_url":"https://api.github.com/users/guillochon/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/bokeh/bokeh/labels/tag:%20webgl","name":"tag: webgl","color":"D0CBB8"},{"url":"https://api.github.com/repos/bokeh/bokeh/labels/type:%20task","name":"type: task","color":"872A50"}],"state":"open","locked":false,"assignee":null,"milestone":{"url":"https://api.github.com/repos/bokeh/bokeh/milestones/11","html_url":"https://github.com/bokeh/bokeh/milestones/short-term","labels_url":"https://api.github.com/repos/bokeh/bokeh/milestones/11/labels","id":811343,"number":11,"title":"short-term","description":"Collects issues that need to be resolved soon, but not before the next release.\r\nThis milestone is always open and it gets populated from the either the long-term milestone or from new (unmilestoned) issues.\r\n\r\nRef: https://github.com/ContinuumIO/bokeh/wiki/BEP-1:-Issues-and-PRs-management#issue-times","creator":{"login":"damianavila","id":1640669,"avatar_url":"https://avatars.githubusercontent.com/u/1640669?v=3","gravatar_id":"","url":"https://api.github.com/users/damianavila","html_url":"https://github.com/damianavila","followers_url":"https://api.github.com/users/damianavila/followers","following_url":"https://api.github.com/users/damianavila/following{/other_user}","gists_url":"https://api.github.com/users/damianavila/gists{/gist_id}","starred_url":"https://api.github.com/users/damianavila/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/damianavila/subscriptions","organizations_url":"https://api.github.com/users/damianavila/orgs","repos_url":"https://api.github.com/users/damianavila/repos","events_url":"https://api.github.com/users/damianavila/events{/privacy}","received_events_url":"https://api.github.com/users/damianavila/received_events","type":"User","site_admin":false},"open_issues":357,"closed_issues":36,"state":"open","created_at":"2014-10-02T12:30:03Z","updated_at":"2016-05-16T01:32:19Z","due_on":null,"closed_at":null},"comments":7,"created_at":"2016-05-07T14:29:28Z","updated_at":"2016-05-19T11:54:58Z","closed_at":null,"body":"Hi all,\r\n\r\nI'm noticing that WebGL output appears to be very blurry in Chrome/Firefox on OS X, and completely invisible in Safari. With WebGL disabled, the glyphs look crisp and clear:\r\n\r\n<img width=\"504\" alt=\"screenshot 2016-05-07 10 11 21\" src=\"https://cloud.githubusercontent.com/assets/4998058/15092600/8f255ba8-143c-11e6-8c8c-f81ed922b77c.png\">\r\n\r\nWith WebGL enabled, it becomes a blurry mess:\r\n\r\n<img width=\"510\" alt=\"screenshot 2016-05-07 10 11 04\" src=\"https://cloud.githubusercontent.com/assets/4998058/15092606/9f158380-143c-11e6-8384-7d44f5551690.png\">\r\n\r\n...and on Safari none of the glyphs are visible! I've noticed the same behavior with line plots too, very blurry:\r\n\r\n<img width=\"496\" alt=\"screenshot 2016-05-07 10 21 46\" src=\"https://cloud.githubusercontent.com/assets/4998058/15092632/8745cf84-143d-11e6-83ca-809e387620f0.png\">\r\n\r\nYou can see the blurry version here: https://sne.space/sne/SN1987A-blurry/, the non-blurry version here: https://sne.space/sne/SN1987A/.\r\n\r\nAny idea on how to improve the WebGL rendering? And how to make the plots work in Safari?\r\n\r\nThanks!"},"comment":{"url":"https://api.github.com/repos/bokeh/bokeh/issues/comments/220302827","html_url":"https://github.com/bokeh/bokeh/issues/4293#issuecomment-220302827","issue_url":"https://api.github.com/repos/bokeh/bokeh/issues/4293","id":220302827,"user":{"login":"bryevdv","id":1078448,"avatar_url":"https://avatars.githubusercontent.com/u/1078448?v=3","gravatar_id":"","url":"https://api.github.com/users/bryevdv","html_url":"https://github.com/bryevdv","followers_url":"https://api.github.com/users/bryevdv/followers","following_url":"https://api.github.com/users/bryevdv/following{/other_user}","gists_url":"https://api.github.com/users/bryevdv/gists{/gist_id}","starred_url":"https://api.github.com/users/bryevdv/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/bryevdv/subscriptions","organizations_url":"https://api.github.com/users/bryevdv/orgs","repos_url":"https://api.github.com/users/bryevdv/repos","events_url":"https://api.github.com/users/bryevdv/events{/privacy}","received_events_url":"https://api.github.com/users/bryevdv/received_events","type":"User","site_admin":false},"created_at":"2016-05-19T11:54:58Z","updated_at":"2016-05-19T11:54:58Z","body":"Well afaik it's not a trick, it's the right way to get crisp canvas drawing on hidpi displays. It would be unfortunate but I guess not surprising if webgl handling that case differently. But hopefully there's a way to make them work together.  \n\n> On May 19, 2016, at 07:16, Almar Klein <notifications@github.com> wrote:\n> \n> It seems that WebGL does not work well w.r.t. the hidpi trick (based on window.devicePixelRatio) that we do. From what I've read, devicePixelRatio is twice as high on retina displays, so it would explain the extra blurryness on OSX. It also explains why it looked more blurry on Firefox, which uses a higher zoom factor (thus higher devicePixelRatio) by default. Looking into it.\n> \n> —\n> You are receiving this because you commented.\n> Reply to this email directly or view it on GitHub\n> \n"}}