{"version":"1.0","type":"rich","title":"dv.30 - menus w/ react","description":"A pet-selection interface shows a dropdown menu listing six animals—dog, cat, hamster, parrot, spider, and goldfish—with the parrot preselected. A React state variable stores the current choice, and selecting a new value logs it to the console. The custom `Dropdown` component uses React’s `useState`, `onChange`, and `defaultValue` attributes, while D3 v5 and ReactDOM 16.9 are loaded via unpkg, with the menu styled through global CSS.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/4e05d01ff5f14682939901cf39b585c6?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}