{"version":"1.0","type":"rich","title":"Shapes and Colors with SVG and CSS","description":"This example demonstrates how SVG shapes and CSS styles can be combined to create a colorful static composition. It shows circles, rectangles, lines, and paths arranged in a scaled group, with some shapes using inline fill attributes and others inheriting styles from a parent `<g>` element or a `.lines` CSS class. The rendering uses plain SVG within a React app, though the visible chart is entirely hand-coded markup rather than generated data. CSS controls stroke color, width, and path-specific styling, while SVG attributes handle positioning and transforms.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/41f3b61aaee149efb7cd329c5de70cea?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}