{"version":"1.0","type":"rich","title":"Menu with react-dropdown","description":"This example demonstrates a simple interactive menu using React, where a dropdown selection controls a displayed value. It shows a categorical attribute picker with options for iris dataset measurements like sepal length and petal width. The interface uses the `react-dropdown` library and React hooks, specifically `useState` to manage the selected value and `onChange` to update it. The dropdown and its options are styled via custom CSS in the accompanying `index.html`, while the `Dropdown` component renders each option based on the provided `attributes` array.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/aa6f11ff2a4542259dda9b0357fd2c47?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}