{"version":"1.0","type":"rich","title":"Shapes with SVG and CSS","description":"An SVG circle, centered at the origin, is styled using CSS and rendered via VizHub’s SVG-based display. The example demonstrates how SVG shapes combine with CSS for visual customization, using the `circle` element within an inline `<svg>` tag. It includes an ES6 module (`myMessage.js`) that exports a “Hello VizHub!” message, though this text is not currently displayed in the rendered output. The code relies on standard HTML, SVG, and CSS, with no external JavaScript libraries such as D3.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/0969bb17257a4abd8f5c0e589441972e?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}