{"version":"1.0","type":"rich","title":"Fork of React & D3 Starter","description":"This scatterplot of the Iris dataset plots sepal length against petal length, with each flower represented as a translucent circle. Built as a starter template, it demonstrates a decoupled React and D3 integration: React manages the component lifecycle and SVG container, while D3 handles scales and rendering. The code uses D3 v7’s `csv`, `scaleLinear`, `extent`, and `axisBottom`/`axisLeft` within a `VizWrapper` that passes data and dimensions to a reusable `viz` function, illustrating patterns for scaling complexity in real-world projects.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/b11140c71308483c9eadbeda51cd7e7b?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}