{"version":"1.0","type":"rich","title":"Question-9","description":"This example displays a static biodiversity collage image inside a framed container with a caption, pulling the photo from an external Guardian Media URL. The page uses plain HTML, CSS, and vanilla JavaScript: a script creates an image element, appends it to the DOM, and toggles a CSS class on click to zoom the picture via a `transform: scale()` transition. The rendering relies on standard document APIs like `document.createElement` and `getElementById`, with no additional visualization libraries.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/670c25bdc15c4147b0b8b4a1a4e3183c?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}