{"version":"1.0","type":"rich","title":"Fork of React & D3 Starter","description":"This example visualizes the classic Iris dataset as a scatter plot, mapping sepal length to the x-axis and petal length to the y-axis. It demonstrates a clean separation between React and D3: a React wrapper (`VizWrapper`) manages the SVG element and passes data to a pure D3 `viz` function, which uses `scaleLinear`, `extent`, and `axisBottom`/`axisLeft` to render circles and axes. The visualization uses a React hook (`useData`) to load and parse the CSV via `d3.csv`.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/5aabcc1d8e9d4e50a1cde7e997790d43?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}