{"version":"1.0","type":"rich","title":"Shapes and Colors with SVG and CSS","description":"This example demonstrates fundamental SVG shapes and CSS styling, showing circles, rectangles, lines, and paths arranged in a grid. Using inline SVG elements, the visualization applies fill colors, stroke properties, and transforms directly in the markup. The `styles.css` file defines classes like `.lines` to set stroke color, width, linecap, and linejoin for the line and path elements. The code uses SVG's `<g>` grouping and `transform` attributes to translate and scale entire collections of shapes simultaneously.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/aef77682e78a43fa816b628e7a46eedc?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}