Modified sketch of individual transitions to incorporate the using data to render and apply the circles to the DOM (but ignored from the browser), and use p5 to paint to the canvas.
xxxxxxxxxx<html lang="en"><head> <meta charset="utf-8"> <title>d3 | p5 canvas circles</title> <meta name="author" content="Sundar Singh | eesur.com"> <script src="https://d3js.org/d3.v3.min.js" charset="utf-8"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.4.7/p5.min.js"></script></head><body><section id="vis"></section><script src="sketch.js" charset="utf-8"></script></body></html> Modified http://d3js.org/d3.v3.min.js to a secure url
https://d3js.org/d3.v3.min.js
https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.4.7/p5.min.js