{"version":"1.0","type":"rich","title":"react scatterplot iris data","description":"This interactive scatterplot visualizes the Iris dataset, plotting sepal width against petal length for individual flowers. Each point is rendered as a circle using React components that leverage d3.scaleLinear for x and y positioning, with d3.extent determining the domain. The visualization includes axes generated by custom AxisBottom and AxisLeft components, plus formatting via d3.format. Data loads asynchronously from a CSV using d3.csv within a React hook, and tooltips display formatted values through SVG title elements.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/938e907e0778418088e955ad7c58f92b?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}