{"version":"1.0","type":"rich","title":"Iris Data With React and D3","description":"A scatter plot of the Iris dataset, rendered as SVG circles, displays relationships between selected measurements such as petal length and sepal width. Dropdown menus let users choose which numeric attribute appears on each axis. The React app uses `useState` and `useEffect` to manage selection and load CSV data via D3’s `csv` function. Scales created with `scaleLinear` and `extent` map data to coordinates, while custom React components render axes and marks.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/627aa69e4f174a7ab6b7440de9e15b59?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}