{"version":"1.0","type":"rich","title":"Fork of Shapes and Colors with SVG and CSS","description":"A gallery example demonstrating fundamental SVG shape elements and CSS styling, built with plain HTML, CSS, and SVG. It shows circles, rectangles, lines, and a path—each with explicit fills, strokes, and stroke-widths—arranged in a transformed group. The code uses SVG’s `g` element with `transform` attributes for scaling and translation, and a `.lines` class in an external stylesheet to apply shared stroke properties to multiple line and path elements. All shapes are static, with no JavaScript or data binding.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/930b3155ecdd41a9b9b943b5166f63ad?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}