{"version":"1.0","type":"rich","title":"Menu","description":"A dropdown menu lets the user choose one of six pets: dog, cat, hamster, parrot, spider, or goldfish. The menu is built with D3’s data join, binding each option’s value and label to an HTML `<select>` element. The selected value is stored in a state object and passed to the `menu` function, which uses D3’s `.on('change')` to update the state and re-render the visualization. The example demonstrates a reusable menu component pattern with `select` and `join`, driven by a simple state management loop.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/52a1685a470b40f4ad224094e3bb148f?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}