{"version":"1.0","type":"rich","title":"Scatter Plot with Menus","description":"This interactive scatter plot, built with React and D3.js, displays the Iris flower dataset, allowing users to select which attribute is plotted on the x-axis and y-axis via dropdown menus. The visualization renders data points as circular marks within an SVG, with axis labels and tick marks generated using D3's `scaleLinear` and custom components. The menus update the selected attributes, triggering a re-render of the chart with the new scales, while a tooltip on each point shows its x-value.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/918439eac2be467babba77f469446580?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}