Animation when the populating the chart with new data set.

[DilipRajkumar]

Is it possible to add animation when the data is changed. Consider I have a bar chart, the height of the bar is 100 if if the data changes to 50 it should change with animation.(ease effect) is it possible.

[etpinard]

@DilipRajkumar thanks for the suggestion.

Animations à la d3.ease are far from being integrated inside plotly.js.

Animations and declarative schemas don't get along naturally and thus finding the right API (most likely on top of the current Plotly.restyle and Plotly.relayout) will be tricky.

[rolandjitsu]

@etpinard is there a status update on this? Is there any way to achieve bar/pie chart animation when redrawing?

[rreusser]

@rolandjitsu I'm currently finishing off the animation PR. The first version tackles scatter traces only, but with the framework in place, the pieces are there to be able to add animation for pie/bar charts in a straightforward manner. Most of the work is refactoring current plotly code to reuse DOM elements (i.e. d3 joins/updates where applicable instead of recreating elements).

[rolandjitsu]

@rreusser that's great, just what I wanted to hear. Looking forward to see how it works and how it could be applied to the rest of the charts.

[rreusser]

An update: It's taken quite a while to put together the infrastructure, but I've just merged #802 for an animation API. Currently only scatter traces smoothly transition (the fallback is an instantaneous update), but working D3 element persistence into the picture is not particularly difficult now that there's a bigger picture into which it fits. Leaving this open since there are some other things that need attention before working element persistence into bar/pie charts; the update is just that it's a totally different and feasible task now that the feature request actually fits cleanly into plotly.js.

[jim-bo]

awesome thanks for the support. Looking forward to playing with this soon.

[jackparmer]

Closing. See:
https://plot.ly/javascript/animations/
For the @rreusser 's plotly.js animations API 🎉