Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

72. D3 On Combo Transition

Public visualization

Viewing a saved revision (read-only)

a8e5fd58fb79453fb10c39c089b39bfe

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