{"version":"1.0","type":"rich","title":"SYmbols Reusable Scatter Plot","description":"This animated scatter plot, built with React and D3.js, visualizes the Iris dataset, showcasing how different species cluster based on combinations of sepal and petal measurements. It creates a reusable chart component whose axis mappings can be dynamically reassigned. Using D3's `scaleLinear`, `scaleOrdinal`, and `symbol` APIs, it renders SVG paths with distinct shapes for each species, while a `setInterval` loop cycles through the four measurement columns for the axes every two seconds. This example demonstrates the flexibility of D3's functional, concatenation-based API for building interactive, data-driven visualizations.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/77be020ae1ab49c5b01135fd87ef0b5d?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}