{"version":"1.0","type":"rich","title":"Menus_with_React","description":"This example demonstrates a simple pet-selection interface with a large, interactive dropdown menu. It shows a label and a select element populated with six animal options, defaulting to \"hamster,\" where changing the selection logs the new value to the console. Built as a React application using the `useState` hook, the code defines a reusable `Dropdown` component that manages the selected value through an `onSelectedValueChange` callback. The interface is rendered via ReactDOM, with the select and label styled at a font size of 4em for high visibility.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/f5232144138d40279172800ae6ff1872?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}