How do I combine dcc.Interval, extendData, and px.scatter?

Hi, I’m attempting to minimize the wait time for a large animated px.scatter graph to render by displaying just the first few seconds initially and then load the rest of the data in the background and then add it to the graph (potentially while it’s already playing). It’s not clear from the documentation how to use the extendData with Plotly Express to do this (or if it’s even possible). Most examples are using go.scatter and adding frame by frame. I’m hoping to process larger chunks at a time and dynamically add them to an animated graph without noticeable delay/jitter. Is this possible and if so what is the exact technique used to do so? Thanks!

I think this post does more or less what you want? :slight_smile:

I’ve seen that post I think, and it is a good one. However, my graph is an animated plotly.Express graph including play, stop, and a slider. Ultimately I still need need that slider to go backwards and forwards on the timeline. These ‘live’ solutions are just adding to a timeline without any real user interaction. I guess that’s where my situation gets quite a bit more tricky than the other examples out there. It might not even be possible. But I thought I’d ask anyway :slight_smile: The alternative is just doing normal animated px.scatters for specific time slices and then using another slider to pick the time slice that the user would like to render. My scenario is not live, it’s just an absolutely huge amount of data. Almost for sure too much for the browser to be able to handle in its entirety. My middle-of-the-road idea was to load 1 minute of an animation while I load the other 5-15 minutes in the background and add it onto the existing graph. Complicated.

Ah, I see. I don’t think that is possible - but I would love to be proved wrong :stuck_out_tongue:

The alternative is to load 5 minutes at a time, which produces noticeable lag. If I could display an hourglass-type figure while it’s doing that it would probably be good enough.