{"version":"1.0","type":"rich","title":"Activity 9&10","description":"This example shows a reusable scatter plot of the Iris dataset, visualizing the relationship between petal length and petal width across three flower species (setosa, versicolor, and virginica) using colored circles on a D3.js SVG canvas. The code loads CSV data from a GitHub gist and uses `d3.csv` for parsing, `d3.scaleLinear` for coordinate mapping, and `d3.axisBottom` and `d3.axisLeft` to render the axes. Species are distinguished by fill colors: skyblue, lightgreen, and orange. A separate `scatterPlot.js` module demonstrates a reusable chart function, while `index.js` contains the direct implementation with dynamic window sizing.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/a624df4cdcb74b8c923d546fb9f0b172?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}