{"version":"1.0","type":"rich","title":"Fork of React & D3 Starter","description":"This example demonstrates a scatterplot of the Iris dataset, plotting sepal length against petal length as semi-transparent circles rendered in SVG. It uses React to manage the component lifecycle, with a `useData` hook loading CSV data via `d3.csv` and a `VizWrapper` component using `useEffect` and `select` to invoke the D3 `viz` function. D3 scales (`scaleLinear`, `extent`) and axes (`axisLeft`, `axisBottom`) are employed, showcasing a decoupled React and D3 integration pattern for scalable projects.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/bca68d5574484db88f6f860f8032b6d4?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}