{"version":"1.0","type":"rich","title":"Reusable Scatterplot","description":"This interactive scatterplot demonstrates a reusable D3 component that visualizes the Iris dataset, cycling through different combinations of sepal and petal measurements every two seconds. The chart animates smoothly as the x-axis, y-axis, and point radius change between variable pairings, using D3's transition API for the morphing effect. The implementation builds a custom `scatterPlot` function that leverages `scaleLinear`, `scaleSqrt`, and `axisBottom`/`axisLeft` to render axes, while the join operation handles circle updates and transitions. The JavaScript code fetches the CSV data from a GitHub gist and binds it to the plot's configurable `xValue`, `yValue`, and `radius` properties, showing how D3’s modular design supports adaptable, data-driven visualizations.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/6cd3f99cca2f491ba35c44b9379279fa?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}