{"version":"1.0","type":"rich","title":"Iris Scatter Plot React & D3","description":"This example visualizes the Iris flower dataset as a scatter plot, showing sepal length against sepal width. Built with React and D3 v5, it renders SVG circles for each data point, with axes and tick marks generated from D3 scales. The code uses `scaleLinear`, `extent`, and `format` from D3 for scaling and tick formatting, while React components like `AxisBottom`, `AxisLeft`, and `Marks` structure the visualization. Data is loaded asynchronously via D3's `csv` utility and parsed into numeric values.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/72c6ab11c0d64170a2b41ff52551d8ab?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}