{"version":"1.0","type":"rich","title":"Menu Options in D3","description":"This example shows a dropdown menu for selecting a pet, with options ranging from Dog to Duck. The visualization uses D3 v7 to render the menu, managing state through a custom `setState` function that tracks the currently selected value. When a user changes the selection, the `menu` function updates the option elements using D3’s data join, and the selected value is logged to the console. The menu’s appearance is styled with CSS, centering it on the page.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/f2983dafceef4f569af3483912eeee90?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}