{"version":"1.0","type":"rich","title":"Minimal Reusable Charts Pattern + React","description":"This example demonstrates the Minimal Reusable Charts pattern, rendering an interactive scatter plot of the Iris Dataset with D3.js and React. The chart displays sepal length and width measurements as circles, using `d3.scaleLinear` for coordinate mapping and `d3.extent` for domain calculation. The reusable chart function `scatterPlot()` exposes setter methods for data, dimensions, and accessor functions, which are invoked via `g.call(plot)`. Data loads asynchronously from a CSV URL using `d3.csv`, and the SVG output fills the browser viewport.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/7a461b2082024671ac48bab0db785f9c?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}