{"version":"1.0","type":"rich","title":"SHAPES WITH SVG","description":"This example demonstrates basic geometric shapes rendered with SVG, including circles, rectangles, lines, and paths, grouped and transformed using SVG’s `translate` and `scale` attributes. It shows how CSS classes like `.lines` style SVG elements, with stroke properties applied to lines and paths. The code uses raw SVG markup within an HTML page, complemented by a small JavaScript console log for demonstration. No external libraries are employed; rendering relies entirely on native SVG and CSS, showcasing foundational vector graphics primitives in a React-free setup.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/d6152637cd9a4f48beb3113c110c46ad?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}