{"version":"1.0","type":"rich","title":"D3 Course - Menus with React","description":"This example demonstrates a pet-selection menu built with React, showing how a Dropdown component updates displayed text based on user choices. The interface uses React’s `useState` hook to manage the selected value, while the `Dropdown` component renders a `<select>` element with options for various pets. When a user changes the selection, the `onSelectedValueChange` callback updates state, and the page displays a sentence like “You selected: dog” or “No pet selected” if no option is chosen. The code uses React 16.9 via UMD scripts and a plain HTML select, with no D3-specific APIs involved.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/784fb5942dce4f358bc319f488b74039?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}