{"version":"1.0","type":"rich","title":"Animated D3 Scatterplot with Symbols","description":"This example displays the Iris dataset as an animated scatterplot where each flower is represented by a distinct symbol (circle, diamond, or triangle) based on species, colored with a viridis-inspired scale. Every two seconds, the x-axis shifts to a different measurement column among petal width, sepal width, petal length, and sepal length, causing points to smoothly transition to new positions. Built with React and D3 v7, the visualization uses `scaleLinear` for axes, `scaleOrdinal` for colors and symbols, and `d3.symbol` for mark shapes. The animation relies on `transition().duration(2000)` to update SVG `path` elements smoothly.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/2a33454363144703b1bd092680ec10a0?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}