Plotly.js: config option plotGlPixelRatio changes size of markers

[antoinerg]

As @alexcjohnson found out while reviewing PR #3237, config option plotGlPixelRatio changes size of markers.

This is shown in this Codepen

[antoinerg]

For whoever who's going to fix this: the offending line in regl-scatter2d is there : https://github.com/gl-vis/regl-scatter2d/blob/8e68ee211dd7e8c2892e55eb392271994046cd00/marker-vert.glsl#L50

[alexcjohnson]

Are we actually using the pixel ratio? I can't detect any difference in antialiasing, in 2D or 3D, which is what I thought this was supposed to accomplish. The only change I notice is this bug.

One other thing to note: if I move a 3D from my second screen (window.devicePixelRatio = 1) to my laptop screen (window.devicePixelRatio = 2) it looks blurry until I newPlot - rotating the scene or even edits like turning traces on and off do not cause it to pick up the new screen resolution. But it looks beautiful after a newPlot.

2D plots never seem to use the increased resolution of my laptop screen, they're blurry even if that's where they were plotted in the first place.

So I'd say we have a number of things to sort out with config.plotGlPixelRatio!

[antoinerg]

I am actually not sure we're using the pixel ratio. Maybe @archmoj would know!

[archmoj]

Next we could address this in a similar way done in #3573.

[whaatt]

Hi there! I followed this question regarding blurry rendering on high DPI (Retina) displays and arrived at this issue.

I was just wondering if the root cause of the issue is known or if the problem is being actively worked on.

If not, are there any hacky suggestions to force crisper rendering in the meantime? I looked into rendering the graph at 2X size and using CSS transforms to scale it down, but interactivity does not work well with scale().

Thanks in advance!

[agusterodin]

Hi there! I followed this question regarding blurry rendering on high DPI (Retina) displays and arrived at this issue.

I was just wondering if the root cause of the issue is known or if the problem is being actively worked on.

If not, are there any hacky suggestions to force crisper rendering in the meantime? I looked into rendering the graph at 2X size and using CSS transforms to scale it down, but interactivity does not work well with scale().

Thanks in advance!

Same here. Very surprised that plotly doesn't support hi dpi displays especially given how popular they are

[jbullock35]

Hi there! I followed this question regarding blurry rendering on high DPI (Retina) displays and arrived at this issue.

Same here. Very surprised that plotly doesn't support hi dpi displays especially given how popular they are

It's not just a problem on high-DPI displays. For example, see https://stackoverflow.com/questions/62498783/plotly-webgl-plots-are-fuzzy-blurry.

[nicolaskruchten]

Cool! This will address https://community.plotly.com/t/webgl-plots-are-blurry/41716 right?

[archmoj]

Cool! This will address https://community.plotly.com/t/webgl-plots-are-blurry/41716 right?

Possibly related.