Slow rendering of Line Graph with 100000 data points

[saadsaeed01]

Hello

I am using Plotly.Blazor for plotting graphs. For a small data set, it is working really good but if the data set becomes large e.g 100000 data points. The plotted graph is very very slow. I cannot pan it neither I can use the rest of the controls.

The application which we are using is deployed upon the P1V2 Azure App Service instance. If I try to pan it the graph is unresponsive and I see the following message

One more thing I that I am using ScatterGl for traces. If I use simple scatter, it becomes unresponsive even on my machine. Kindly help me with this issue

Best Wishes
Saad

[sean-mcl]

Hey, are you using Blazor.WebAssembly or Blazor.Server?

[saadsaeed01]

Hey, are you using Blazor.WebAssembly or Blazor.Server?

[saadsaeed01]

Hey, are you using Blazor.WebAssembly or Blazor.Server?
@sean-mcl
I am using Blazor Web Sever with .NET 5. Apologies for closing the issue

[sean-mcl]

Hey, ive just tested it with the pure javascript library.

Seems like plotly has performance issues with large datasets since the release of version 2.x.x.

Maybe you can replace your plotly.min.js with https://cdn.plot.ly/plotly-1.58.4.min.js.

[saadsaeed01]

https://cdn.plot.ly/plotly-1.58.4.min.js

Hello @sean-mcl

I have replaced the plotly.min.js with https://cdn.plot.ly/plotly-1.58.4.min.js. but the issue persists.

What should we do now?

Best Wishes
Saad

[sean-mcl]

Hey,

I've added an example here with 100k points. I can't reproduce the issue. Can you please provide more code snippets.

[saadsaeed01]

Hey,

I've added an example here with 100k points. I can't reproduce the issue. Can you please provide more code snippets.

In your example, the same issue is occurring sir. Kindly check the snippet below. I am plotting the graph the exact way you are doing.

[sean-mcl]

Ok, its not happening on my computer, using microsoft edge too. Can you please try to use an incognito tab without any installed extensions or something.

[saadsaeed01]

Ok, its not happening on my computer, using microsoft edge too. Can you please try to use an incognito tab without any installed extensions or something.

I have test this in InCognito mode with all item extensions disabled, but still the issue remains

[saadsaeed01]

Ok, its not happening on my computer, using microsoft edge too. Can you please try to use an incognito tab without any installed extensions or something.
@sean-mcl
I am using chrome now, It has become quite responsive now.

[EhtashamAhmed]

Hello,

I just ran the plotly example on the following URL: https://plotly-blazor.azurewebsites.net/ScatterGl

I am observing that the responsiveness of the plot for panning is dependant to my system's CPU frequency

When I pan the graph with my system CPU at 4.2 GHz the distribution plot pan very smoothly

But when I change the CPU frequency to 3GHz, the pan of the plot gets slower