{"version":"1.0","type":"rich","title":"Dice - Web Component","description":"This example demonstrates a custom web component called `roll-dice` that simulates rolling a six-sided die. The component displays a button and an accessible live region; clicking the button triggers a shuffle of the dice sides array, and the resulting value is announced in the `aria-live` region. It uses the custom elements API via `HTMLElement` and `customElements.define`, with a static private shuffle method that implements the Fisher–Yates algorithm. No external libraries are used; the behavior is self-contained in the component’s constructor and callbacks.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-fc54b98462a6214c11369dcc9a383248?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}