{"version":"1.0","type":"rich","title":"Menus with React","description":"This example shows a pet-selection dropdown menu built with React. A labeled `<select>` element displays six animal options, and choosing one updates the displayed selection state. The code defines a reusable `Dropdown` component that receives `options`, an `id`, `selectedValue`, and an `onSelectedValueChange` callback, using React’s `useState` hook to manage the selected value. ReactDOM renders the app into a `#root` div, with the dropdown styled using CSS. The implementation relies solely on React’s component and state APIs, with no external data or visualization libraries.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/a59584670ad04604a3e89cbc93ef9b3f?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}