{"version":"1.0","type":"rich","title":"Vanilla D3 Vibecoding Template ","description":"This interactive scatter plot visualizes the Iris flower dataset, showing the relationship between sepal length and sepal width across three iris species, with points colored by species. The visualization uses D3.js v7 APIs including `d3.csv()` for data loading, `scaleLinear()` and `scaleOrdinal()` for scales, `axisBottom()` and `axisLeft()` for axes, and data joins with `.join()` for rendering. A legend supports hover interactions that fade non-matching points, while a `ResizeObserver` makes the responsive chart adapt to container dimensions. The data is sourced from Fisher's famous Iris dataset.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/bf35864346f341898f5232587a040e52?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}