Skip to main content
100%

d3js workshop - circles 2

✓ Published0🌍 Public
OOValdivia110
Last edited Oct 19, 2017
Created on Oct 19, 2017

An interactive D3.js visualization displays three circles that initialize in a horizontal row, then transition to a larger red size with a staggered delay before resetting on mouseover. The example demonstrates basic SVG circle creation using data binding with an array of values, where circle x-coordinates derive from the data. It applies transitions with staged timing and duration, then adds mouseover events to change circle fill color and dimensions, returning them to their original state. The code uses d3.select, selection.data, enter, append, transition, and event handling.

AI-generated description

Built 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>

mit Licensed

Similar vizzes