{"version":"1.0","type":"rich","title":"Untitled","description":"This example shows how CSS filters can be applied interactively to an image. Two sliders control different visual effects: the first slider adjusts the blur radius of the pineapple image using the `-webkit-filter: blur()` property, while the second slider is intended to modify brightness but remains non-functional. The code uses plain JavaScript event listeners (`oninput`) to update the filter style and display the slider value in a `<p>` element. No external libraries or frameworks are used, despite the React metadata.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/2476acb51afd466ebaf4cbe2d9495b93?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}