{"version":"1.0","type":"rich","title":"Rehusable Scatter Plot","description":"This example demonstrates a reusable scatter plot built with React and D3, visualizing the classic Iris dataset. It maps petal length and sepal length onto x and y axes using `scaleLinear` and `extent`, rendering circles via SVG. The chart is generated by the custom `scatterPlot` function, which configures margins, radius, and accessor functions through a fluent API. Axes are added with `axisLeft` and `axisBottom`, while data is loaded asynchronously using `csv` and parsed with a row conversion function.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/042179935b7e445bab38b7d3c6f64bbb?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}