Animated Transitions

[Evan]

@jashkenas discusses using this in this post:

Reactives, timed events and updating vis

Hey Simon, Here’s a forked version that addresses your concerns: https://beta.observablehq.com/@jashkenas/visualisation-of-contact-networks The best way to separate initialization from updating, within a cell, is to rely on this. In an Observable notebook, this is the previous value of the cell. So, for a cell that is a D3 SVG visualization, this is undefined the first time the cell runs, and can be the running SVG visualization on every cell re-evaluation thereafter. Using this, and Mike’s …

I did a probably not recommended workaround here, not using this:
https://beta.observablehq.com/@gallowayevan/beeswarm-with-dodge-and-transitions-log-scale/2
The idea was to just create an essentially static svg cell that I then manipulate from another cell called chart. However, I suspect this is not idiomatic because svg does not have an explicit dependency on chart.

Generally, I’d be curious to hear more ideas for using D3 animations/transitions in Observable.