d3js workshop - circles 2
Three circles animate downward, change color, and grow before returning to their original positions on click. The visualization demonstrates basic D3 v3 data binding, transitions, and event handling. It creates an SVG canvas, binds an array of three values to circle elements, and uses `transition().delay()` and `transition().duration()` for sequential animation. Clicking a circle triggers a two-second transition that shrinks it to zero radius and turns it black, while mouseover behavior remains commented out in the code.
AI-generated descriptionBuilt with blockbuilder.org
forked from <a href='http://bl.ocks.org/mostaphaRoudsari/'>mostaphaRoudsari</a>'s block: <a href='http://bl.ocks.org/mostaphaRoudsari/294888109e025d770c8a680a730ef04e'>04_workshop_interactive circles</a>