{"version":"1.0","type":"rich","title":"IrisStuff","description":"This example visualizes the Iris dataset, plotting sepal length against sepal width as a scatterplot with fixed-radius circles. It loads CSV data via `d3.csv` and uses React to render SVG elements. The code constructs linear scales with `d3.scaleLinear` and `d3.extent`, formats axes with `d3.format`, and maps each flower to a circle in the `Marks` component. Custom `AxisBottom` and `AxisLeft` components generate tick lines and labels. The chart includes axis labels and a loading state, with data transformed to numeric values using a row-accessor function.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/6a15b3c61842401c9869666219d3e691?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}