{"version":"1.0","type":"rich","title":"Reusable chart","description":"This interactive scatter plot visualizes the Iris flower dataset, mapping petal length against sepal length with points colored by species. The visualization is built using React and D3, employing a reusable chart pattern where a `scatterPlot` function generates the SVG rendering. The code uses D3's `csv` loader to fetch data, `scaleLinear` for axes, and `axisLeft`/`axisBottom` for tick marks. The chart connects D3 data joins with CSS classes for species-based color coding, demonstrating a modular approach to building configurable visualizations in React.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/4e071dfd499b48f695dcd9f0b79f335f?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}