{"version":"1.0","type":"rich","title":"Scatter Plot with Menus","description":"This interactive scatter plot displays the Iris dataset, allowing users to explore relationships between different flower measurements by selecting which attributes appear on the x and y axes via two dropdown menus. The visualization is built using React with D3.js v6, rendering SVG circles with tooltips that show precise values on hover. The code uses D3's `scaleLinear`, `extent`, and `format` functions for axis scaling and tick formatting, while the custom `AxisBottom`, `AxisLeft`, `Marks`, and `Dropdown` components demonstrate a modular approach to building interactive charts within a React framework.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/96f36a6d5ec9454681596824ef6ec789?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}