{"version":"1.0","type":"rich","title":"Scatter Plot with React & D3","description":"This scatter plot visualizes the Iris dataset, showing sepal length against sepal width for 150 flowers. The React `App` component loads CSV data via `csv` from D3 and renders an SVG, while a reusable `viz` function creates the scales, axes, and circles. It uses `scaleLinear`, `extent`, `axisBottom`, and `axisLeft` from D3 v7, with helper modules for axes and labels. The plot displays black circles of radius 12 with labeled x and y axes on a fixed 960x500 canvas.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/d9326724dd6e452baded6d3d7f46ffe8?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}