I need to draw a few line charts with many points (~16 charts with around 3000 visible points at any instance in time each, without zoom) that are updated each second, with smooth transitions on update.
I initially started with raw D3 but eventually realized that SVG doesn’t scale to this number of points/charts.
I first tried plotly because of “webgl” but then realized there is much more on offer and desperately want to include these features (awesome work, btw).
When playing around with a couple of examples, I see that there are smooth transitions, but not when “scattergl” is selected. e.g. if I add " type: ‘scattergl’," to https://codepen.io/plotly/pen/GjkZNk then the super smooth transition of the points, when “zoom” is pressed, disappears.
I browsed examples and I did find some streaming examples, but that continuously re-render the whole chart, i.e. the source of the smoothness comes from the continuous “manual” re-rendering. In my case I want to explicitly add a bunch of points every n seconds and then have an animation that smoothly moves the x axis to show the new points.
My questions are:
- Is there anything I can do to get smooth animations like this with scattergl right now?
- If not, is this planned for the near future? I realize there’s work going into webgl components.