Plotly express scatter webgl render_mode does not seem to work

[opchain]

Plotly express scatter webgl render_mode does not seem to work

[opchain]

Please see here for details and how to reproduce.
Thanks

[meckert85]

I am encountering the same as well :)
The slider/play button functions as expected, but the frame does not update when render_mode is set to webgl

[werbliben]

Same here. The slider movement is smooth as butter, but animation is not working.

Edit:
If rendered within a notebook with fig.show(), I observe the very same behaviour @opchain and @meckert85 describe.

If I save the plot with plotly.offline.plot(), the scatter points are rendered for a fraction of a second and disappear before the first frame even finishes.

That said, in both scenarios it looks like the plot is updated "behind the scenes" -- while hovering the cursor over the plot area, I get the info about scatter marks, correctly updated for every frame, even though they are not actually displayed.

Not sure if that helps, but I noticed that the following errors pop up in the DevTools console in Chrome & Firefox when opening the webpage saved with plotly.offline.plot():

Is there any chance the fix is in the works? Or a workaround we could use while the pesky bug is still at large (well, other than switching back to SVG)?

[qxlsz]

can't you use render_mode="webgl as args for px.scatter?

[werbliben]

@qxlsz well that's the rub, essentially: if I do that, the plot will not be animated.

I tried both simply running px.scatter() (with render_mode="webgl") and calling the graph object later (directly / with .show method / by passing it to plotly.offline.plot() function).

Are you not experiencing the same problem when passing render_mode="webgl" to px.scatter()?

[werbliben]

Also tried playing around with enforcing different renderers for the .show method just now (notebook and plotly_mimetype when running Jupyter Notebook and JupyterLab respectively; then chrome and firefox) -- same result 😕

[ninjit]

I'm on plotly v 5.11.0, and still see the same problem as described by @opchain

Using the same gapminder scatter example, the animation works fine in auto or svg render mode,
but is stuck on the first frame when using webgl

import plotly.express as px

df = px.data.gapminder()

fig = px.scatter(df, x="gdpPercap", y="lifeExp", animation_frame="year", animation_group="country",
				 size="pop", color="continent", hover_name="country",
				 log_x=True, size_max=55, range_x=[100,100000], range_y=[25,90],
				 render_mode='webgl')

fig.show()