{"version":"1.0","type":"rich","title":"Reusable Scatter PLot","description":"This example shows a reusable scatter plot of the Iris dataset, colored by species, with petal length on the x-axis and petal width on the y-axis. The plot is built with React and rendered as SVG using D3’s `scaleLinear`, `axisLeft`, and `axisBottom` for scales and axes, while circles are added via `selection.join`. The dataset is loaded as CSV using D3’s `csv` function, with numeric parsing applied to each row. The scatter plot component is configurable through a fluent API for width, height, data, margins, and other properties.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/d5b4488c4a3f4bcfaf3c884a3cbb2999?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}