{"version":"1.0","type":"rich","title":"Shapes with SVG","description":"This example demonstrates how to build and render basic SVG shapes, showing a large red circle centered on a 960x500 canvas. It serves as a tutorial on using JavaScript objects, arrays, and modules, with the HTML embedding a static SVG element while a linked `bundle.js` (generated by Rollup) manages the dynamic behavior. The page includes a large `<pre>` element for displaying messages and uses minimal styling via `styles.css`, which hides overflow. The code relies on standard SVG circle attributes (`cx`, `cy`, `r`, `fill`) and a plain JavaScript setup without external libraries.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/fb1f0ffcc8704048b59fdd08895e8b38?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}