{"version":"1.0","type":"rich","title":"Scatter Plot","description":"This scatter plot visualizes the Iris dataset, mapping sepal length on the x-axis and sepal width on the y-axis. Each circle represents a flower sample, with a native SVG `<title>` element providing a tooltip on hover. Built with React and D3 v7, the visualization uses `scaleLinear` and `extent` to compute the scales, while custom `AxisBottom` and `AxisLeft` components render the tick marks and labels. The code loads data via D3’s `csv` function, and styling applies distinct colors to the marks and axis elements.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/d5f7266a98ee45fea73af88f15ecded0?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}