{"version":"1.0","type":"rich","title":"Boilerplate","description":"This example shows a simple image rotator that cycles through a series of figures with captions, displaying one at a time with a fade transition. Users can manually advance or rewind using the previous and next arrow controls, or enable automatic rotation by adding the \"auto\" class to the container. The implementation uses vanilla JavaScript with event delegation and the `classList` API to toggle visibility, while CSS transitions handle the opacity changes. The markup relies on standard HTML5 `<figure>` and `<figcaption>` elements, with placeholder images sourced from placehold.it.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-053347453f419041c2d1?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}