{"version":"1.0","type":"rich","title":"React &amp; D3 Starter","description":"This example displays the classic Iris dataset as a scatter plot, mapping sepal length to the x-axis and petal length to the y-axis, with points colored by species (red, blue, or green). It serves as a starter template for integrating D3.js with React by decoupling the visualization logic into separate modules. The React component manages the SVG container and data loading via hooks, while the D3 code handles scales, axes, and circle rendering using d3.csv, d3.scaleLinear, and d3.axisBottom/axisLeft. The visualization fills the browser window and includes axis labels.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/4a47692e5b994de5b3f8a692c111ed7b?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}