{"version":"1.0","type":"rich","title":"Menus with React","description":"This example demonstrates how to build interactive dropdown menus in React. It renders a pet selector with options for goldfish, dog, cat, and parrot, using React’s `useState` hook to track the selected value and update the UI on change. The `Dropdown` component maps over a hardcoded options array, creating `<select>` and `<option>` elements, with an initial value set to “cat.” The code uses React 16.9 and ReactDOM from unpkg, with the dropdown styled via CSS in the HTML file.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/5748a9e1bab34bf6a5ec28318d0efe30?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}