{"version":"1.0","type":"rich","title":"Reusable D3 Scatter Plot","description":"This example presents a reusable D3.js scatter plot component built with React and rendered as SVG. The visualization initially plots iris flower petal length against sepal length, then cycles through different data columns every two seconds, animating the transitions. It uses D3’s scaleLinear, extent, axisLeft, and axisBottom functions, and leverages the join pattern for efficient SVG updates. The code loads data from a CSV via d3.csv, and the plot adapts to window dimensions.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/292e1153909a41c1aa0b742b9e089b77?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}