{"version":"1.0","type":"rich","title":"Coding with Chris","description":"A single green circle moves downward over ten seconds against a blank SVG canvas. The visualization demonstrates a basic D3.js v4 transition, using `transition.attr` to animate the circle’s `cy` attribute from 200 to 300. Static text instructs users to edit the code, while the circle’s semi-transparent fill shows how opacity is set via `attr`. The example relies on the D3 selection and transition APIs to update SVG elements in the browser.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-797ae85409f2f57e8b81823bce85df23?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}