Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

72. D3 On Combo Transition

Public visualization

72. D3 On Combo Transition

0 stars0🌍 Public
Aamakanju@nyit.edu
Last edited Feb 23, 2026
Created on Feb 23, 2026

Clicking the text triggers a transition of 50 randomly generated data points in a scatterplot, rendered as SVG circles with D3 axes. The chart uses `d3.scaleLinear` to map values and `d3.axisBottom`/`d3.axisLeft` for scales. Upon click, `d3.select` updates the dataset, recalculates axis domains, and calls `.transition()` with a 1000-millisecond duration. The code chains `transition.on("start", ...)` to turn circles magenta and enlarge them, then `transition.on("end", ...)` to trigger a second transition that restores black and shrinks them back.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed