{"version":"1.0","type":"rich","title":"Reuseable Scatter Plot on D3","description":"This example demonstrates a reusable scatter plot component built with D3 and React. It visualizes the Iris dataset, plotting petal length against sepal length, with each data point rendered as a circle with a radius of 5 pixels. The visualization uses D3’s `csv` function to fetch and parse data from a remote URL, and the `select` API to create an SVG canvas that fills the browser window. The scatter plot is implemented as a customizable function, accepting configurable properties for dimensions, margins, data, and axis value accessors.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/e36bbe8096f24b0abdb03d7a1a8d8c2a?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}