{"version":"1.0","type":"rich","title":"#Utrecht2024: SVG","description":"This example demonstrates basic SVG shape rendering using Svelte, showing circles, a rounded rectangle, and a triangular path with a rotation transform. The visualization features overlapping coral circles with opacity, a black rounded rectangle, and a pink triangle with a blue stroke, all composed within a bordered 500x500 SVG canvas. The code uses native SVG elements directly in a Svelte component, with the d3 library available as a dependency but not utilized in the visual output. Styling centers the graphic and adds a black border with rounded corners to the SVG container.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/45dd04e4d95a48a8a5b7adedac0ec322?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}