{"version":"1.0","type":"rich","title":"Gist 1966586a209f68b2ce9a3826496a42d4","description":"A scatterplot animates the transition of individual data points between two quantitative axes, plotting GPA against height. The D3.js code uses a single shared transition (`t`) to coordinate exit, update, and enter selections, moving circles vertically while fading opacity. Entering circles appear grey and semi-transparent at the baseline before transitioning to full opacity at their target height, while exiting circles fade back down. The animation relies on D3's data join and `transition` API to smoothly interpolate circle positions and opacity.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-1966586a209f68b2ce9a3826496a42d4?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}