{"version":"1.0","type":"rich","title":"Menus with react","description":"This example demonstrates a pet-selection menu built with React and D3. The interface displays a dropdown list of animal options, and selecting a pet updates the displayed value through React state. The `DropDown` component renders a `<select>` element, mapping over the options array and using the `selectedValue` prop to mark the chosen item. React’s `useState` hook manages the selection, while D3’s utility functions support the overall rendering pipeline, though the menu itself relies on native HTML form controls.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/7e1a8b80680a4995b13a2d4a0cc9834f?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}