Performance Issues with Scattergl (Plotly.js v2.35.3) for Large Datasets

plotly.js
1

Hi everyone,

I’m using scattergl with Plotly.js v2.35.3 to visualize large datasets. My dataset consists of a high number of data points, and each point has some associated metadata. However, I’m facing serious performance issues:

  1. The browser becomes unresponsive when loading large datasets.
  2. Zoom operations become nearly impossible as the graph lags or freezes.

I understand that ScatterGL is designed for WebGL acceleration, but I wonder if there are any specific configurations or optimizations I can apply to improve performance. For example:

• Are there recommended settings for glHeapSize or WebGL optimizations?

• Is there an efficient way to downsample data dynamically (e.g., reducing points at high zoom levels)?

• Are there any known performance limitations with scattergl when handling metadata-rich data points?

Any advice or best practices would be greatly appreciated! Thanks in advance.

2

Hey Arya, just want to check if you found any solution to handle large data set would be helpful if you can share or hint.

3

Hi there,
unfortunately I haven’t found a solid solution yet. I’m still running into performance issues with large datasets in scattergl, especially during zooming and initial rendering. If I come across any effective workaround or optimization, I’ll be sure to share it here.