{"version":"1.0","type":"rich","title":"Shapes with SVGs and CSS","description":"This example creates a simple geometric composition of circles and rectangles within an SVG canvas, referencing the visual style of *Bojack Horseman* through its title and layout. The shapes demonstrate different styling techniques: some use inline fill attributes, while others inherit properties like fill and stroke from parent `<g>` elements or CSS classes. CSS rules define global properties such as monospace typography and hidden overflow, while a dedicated `.lines` class applies custom stroke colors and line joins to `<line>` and `<path>` elements. The page consists of a static HTML file and an external stylesheet, with no interactive or data-driven behavior.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/7a925e08fc98469e8ee519e1a3cc131d?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}