{"version":"1.0","type":"rich","title":"Menus with react","description":"A React-based interactive menu demonstrates controlled component state by letting visitors select a pet from six options, with the chosen value logged to the console. The app uses React's `useState` hook to manage selection, while a reusable `Dropdown` component renders a native `<select>` element and calls `onSelectedValueChange` on user input. Built with React 16.9 and ReactDOM, the code imports the component from a separate file and mounts it to the DOM via `ReactDOM.render`. The selected value updates live, but no additional visualization is generated beyond the form control.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/75e794a684ba43098bf16d1c0bda2bbe?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}