{"version":"1.0","type":"rich","title":"Slider Practice","description":"This example demonstrates a React-based interactive control featuring a single slider input for selecting a year. The interface presents a range slider from 1966 to 2016, with a label indicating the current selection. The selected year updates the component’s state using React’s `useState` hook, and the displayed value changes accordingly. The slider is implemented as a controlled component, where user interactions trigger the `onSelectedYearChange` callback. The code imports React and ReactDOM from the standard library, with no external data sources or visualization layers beyond the basic HTML input element.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"","width":960,"height":500,"cache_age":3600}