Plotly.js: 3D plots broken in Chrome 77 on GNU/Linux and Android

[dpq]

Summary

In Chrome@Linux v.77, 3D plots are broken.

Steps to reproduce

For example, visit the docs. Other 3D plots used in production are similarly broken in Chrome 77.

What is observed

In error console, WebGL: CONTEXT_LOST_WEBGL: loseContext: context lost. In the browser:

What is expected

Normally functioning 3D plots.

Additional information

WebGL is enabled; get.webgl.org shows a spinning cube; Chrome WebGL experiments such as Aquarium work properly.

[etpinard]

Thanks very much reporting.

We've had some reports already in https://github.com/plotly/plotly.js/issues/3640, could you tell which Linux flavor/version you're using and some info about the hardware you're on. Thank you!

[archmoj]

With Chrome 77 on Ubuntu the very first graph displays the error and then a combination of working and non-working veiwports like the one below:

[longwei66]

Same here, not working with Version 77.0.3865.90 (Build officiel) (64 bits) - Ubuntu 18.04

WebGL: CONTEXT_LOST_WEBGL: loseContext: context lost

See example here : https://datapleth.io/blog/2019/08/28/2019-08-28_the_french_yield_curve_problem/

No problem on firefox 69.0.1 (64 bits) and chromium v. 76 on another computer (wayland).

The example was generated by plotly on R :+1:
https://cloud.r-project.org/src/contrib/plotly_4.9.0.tar.gz

Source code here :
https://github.com/longwei66/datapleth/blob/master/content/blog/2019-08-28_the_french_yield_curve_problem.Rmd

[archmoj]

@dpq @longwei66
Could you please test this codepen in Chrome 77 browser?
Thanks.

[longwei66]

@archmoj this works, I can see the vector in 3D with axis, initial issue on my example above persists.

[dpq]

@etpinard
00:02.0 VGA compatible controller: Intel Corporation HD Graphics 5500 (rev 09)
Debian GNU/Linux 10 (Stretch)

I can provide more info on hardware if you tell me what exactly do you need.

[dpq]

@archmoj I also observe the codepen working.

Update: due to unknown reasons (maybe another Chrome/system package update, or maybe I didn't notice it initially) on the docs page linked in the bug report I observe the following behavior:

• First plot (iris data): same as before, WebGL not supported
• Second plot (with color dimension), third (styled 3D scatter plot), fourth (basic scatter plot with go.scatter3d) are invisible except for the legend, but then appear when I hover the mouse over them:

Before:

After:

• 3D Scatter Plot with Colorscaling and Marker Styling appears to work correctly
• Dash App shows the "WebGL not supported" error message

[etpinard]

A first attempt at fixing this problem got merged in https://github.com/plotly/plotly.js/pull/4256 and will be released in today's v1.50.0

We'll keep this issue open until we find a better solution.

[archmoj]

heatmapgl also shows a webgl problem when using Chrome77 on Ubuntu:
https://rreusser.github.io/plotly-mock-viewer/#gl2d_heatmapgl

[antoinerg]

heatmapgl is also shows a webgl problem when using Chrome77 on Ubuntu:
https://rreusser.github.io/plotly-mock-viewer/#gl2d_heatmapgl

This example actually works fine for me on Chromium Version 77.0.3865.90 (Developer Build) (64-bit) on NixOS 19.03 (Linux). Maybe the bug only affects Chrome and not Chromium?

[antoinerg]

heatmapgl also shows a webgl problem when using Chrome77 on Ubuntu:
https://rreusser.github.io/plotly-mock-viewer/#gl2d_heatmapgl

It also works for me on Chrome Version 77.0.3865.120 (Official Build) (64-bit) on NixOS 19.03 (Linux). @archmoj exactly what version of Chrome are you running?

[archmoj]

Chrome Version 77.0.3865.120 and .90 both displayed the error.

[antoinerg]

Chrome Version 77.0.3865.120 and .90 both displayed the error.

Ok so I imagine there is an incompatibility with the graphics library shipped with Ubuntu since this exact Chrome version works for me over here. :thinking:

[archmoj]

This issue appears to be fixed in Chrome 78 and we already have a work around for v77.
Closing.