{"version":"1.0","type":"rich","title":"menus","description":"This example demonstrates a simple pet-selection menu built with React and D3 v7. It shows a labeled dropdown that lets users choose from a list of six pets, with the selected value displayed in the console. The `Dropdown` component manages the `<select>` element, while React’s `useState` hook tracks the current choice. The code uses D3’s `arc` function, though it is not applied in the visible interface. The options are defined as static objects with distinct values and labels.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/68e1433c29e54e0897aa3b8234763f15?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}