{"version":"1.0","type":"rich","title":"Reusable D3 scatterplot","description":"This example demonstrates a reusable scatterplot component built with D3 v7, plotting Iris flower measurements with petal width on the x-axis and sepal length on the y-axis. The code implements the reusable chart pattern by exposing setter functions like `.width()`, `.data()`, and `.radius()` to configure the component before rendering. It uses `d3.scaleLinear` for axes, `d3.extent` for domains, and `d3.axisLeft` and `d3.axisBottom` for ticks. The data is loaded from a CSV via `d3.csv` and rendered as SVG circles.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/b309b895351145debb5360eebfaa8857?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}