{"version":"1.0","type":"rich","title":"Fork of Fork of React & D3 Starter","description":"This example demonstrates a decoupled React and D3 integration for rendering a scatter plot of the Iris dataset. The visualization plots sepal length against petal length, using SVG circles to represent individual data points. The code showcases a scalable architecture pattern with separate modules for data loading, visualization logic, and axes rendering, highlighting how D3's `scaleLinear` and `axisLeft`/`axisBottom` APIs combine with React's `useRef` and `useEffect` hooks. The visualization selects SVG elements via D3's `select` and `join` methods to manage circle rendering.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/2ee26e72715540e19cbe856a99c788d0?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}