{"version":"1.0","type":"rich","title":"Animated Scatter Plot with Menus","description":"An animated scatter plot visualizes the Iris dataset, allowing interactive exploration of relationships between four numeric measurements and species. Users select which column drives the x- and y-axes via dropdown menus, triggering a staggered transition of 150 points as they reposition. The D3.js code uses `selection.join` for efficient enter/update/exit handling, `transition` for smooth animations, and scale functions (`d3.scaleLinear`, `d3.scalePoint`) to map data to coordinates. Hovering highlights a point and shows a tooltip. The SVG plot includes axis labels and uses D3's `axisBottom` and `axisLeft` for ticks.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/bbee2bdbc3d14d91b18da2a4a72c6b8a?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}