The current versions I am using are Plotly 2.14.0 (latest) and VueJs 3.2.37 (latest).
I am attempting to plot with the type "scattergl", but encountering error messages in Chrome/Edge browsers:
WebGL: INVALID_OPERATION: useProgram: program not valid
WebGL: INVALID_OPERATION: drawArraysInstancedANGLE: no valid shader program in use
As a result, the plot is only partially rendered with just dots visible.
I am trying to implement this inside a vue component and as someone new to WebGL, debugging this issue has been challenging.
One clue: When I remove the plot data from the vue application and attempt to plot using plain HTML locally, it works fine with WebGL. The plot from my local HTML file looks like this:
What could potentially be causing this problem?