{"version":"1.0","type":"rich","title":"Making a Scatter plot","description":"This example shows an interactive scatter plot of Iris flower measurements, plotting petal length along the x-axis against sepal width on the y-axis. The visualization uses React components to render SVG elements, with D3 v5 handling data loading via `d3.csv` and scales through `d3.scaleLinear` and `d3.extent`. Data comes from the Iris dataset fetched from a GitHub gist. Axes are built from custom React components that map D3 scales to SVG tick marks and labels, while each data point is rendered as a circle with a tooltip showing the formatted petal length.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/fd91006ee6ea484cb48bef8e711a275a?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}