{"version":"1.0","type":"rich","title":"Menus with react","description":"This example demonstrates a simple dropdown menu for selecting a pet, built with React. The visualization shows a single select element populated with static options such as \"dog\", \"cat\", and \"ant eater\", with a preselected value. The App component manages the selection state using hooks like `useState`, while the Dropdown component renders the HTML `<select>` and `<option>` elements. User changes trigger the `onSelectedValueChange` callback to update the displayed choice, showing how React manages controlled form inputs.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/6f9a560efa1549abb85eae12774e9bc4?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}