{"version":"1.0","type":"rich","title":"React starter","description":"This example demonstrates a React-based user interface for selecting a pet from a dropdown menu, with a state-controlled selected value displayed as initial text. It uses React hooks (`useState`) and a reusable `Dropdown` component that renders an HTML `<select>` element, mapping over an array of pet options. The code relies on ReactDOM to render the app into the DOM, and includes a simple label tied to the select via the `for` attribute. The styling is handled through inline CSS in the HTML file, keeping the example focused on component composition and state management without external visualization libraries.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/303d722a05ca4ce1bb47379630e3a037?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}