{"version":"1.0","type":"rich","title":"Scatter Plots","description":"This scatter plot visualizes the Iris dataset, plotting sepal length against petal length for each flower sample. The example demonstrates a clean separation between React and D3 responsibilities, showing how a React wrapper component manages the SVG lifecycle while D3 functions handle data processing, scaling, and rendering. The visualization uses `d3.scaleLinear` for axis scaling and `d3.axisLeft`/`d3.axisBottom` for axes, with SVG circles rendered via D3's selection join pattern. The code serves as a starter template for scalable React-D3 integration projects.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/5234560a5dd84bb7841fe72cc6c177c0?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}