Some sample code that demonstrates how you can transition between the dots you generate with Coördinator.
The guts of the code comes from Peter Beshai's excellent tutorial on animating dots, where I first learned how to do dot animation. Thank you Peter! https://bocoup.com/blog/smoothly-animate-thousands-of-points-with-html5-canvas-and-d3
If you generate different coordinates on Coördinator, you should just be able to replace the coordinates.json
file with your coordinates and see the transitions. This example only handles examples where each of your shapes has the same number of coordinates, but could be easily altered to handle a discrepency. It also cycles through different eases.