{"version":"1.0","type":"rich","title":"Iris Vue","description":"This example displays the classic Iris dataset as a scatter plot, mapping sepal length to the x-axis and sepal width to the y-axis, with each flower represented as a fixed orange or yellow circle. It uses Vue 2 to manage the reactive data and SVG rendering, while d3.v7 provides the linear scales, tick generation, and CSV loading via `d3.csv`. A crosshair cursor and a vertical green line track mouse movement, updating its position on `mousemove`. The axes and labels are built from reusable Vue components that call `scale.ticks()` from the D3 scale.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/12cb7f36bfbf4036bed772fc3a01a76b?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}