{"version":"1.0","type":"rich","title":"Stylized Scatter Plot","description":"This stylized scatter plot visualizes the Iris Dataset, mapping sepal length on the x-axis against sepal width on the y-axis. Each circle represents an individual iris flower, with axis labels and gridlines styled using CSS. Built with React and D3 v5, the example uses `scaleLinear`, `extent`, and `max` from the D3 library to compute scales and domains, while SVG circles render the data points with a custom `Marks` component. The axes are generated by `AxisBottom` and `AxisLeft` components, which use `xScale.ticks()` to produce tick marks and labels with a numeric format function.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/1eb5664a43204c7a98d7fd08b4771567?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}