{"version":"1.0","type":"rich","title":"Reusable Scatterplot Example","description":"A reusable scatterplot visualizes the Iris dataset, encoding sepal and petal lengths along the X and Y axes, with point size representing sepal width and color encoding species. Built with React and D3, the example uses `VizContainer` to abstract SVG groups and margin conventions, while a standalone `ScatterPlot` function configures scales, axes, and labels. D3's `d3.scale.linear`, `d3.svg.axis`, and `d3.csv` handle data loading and rendering. The visualization demonstrates a modular pattern where React manages layout and D3 handles chart internals, showing margins via an optional prop.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/049a6652109a46539795004ed5ba6cab?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}