{"version":"1.0","type":"rich","title":"Shapes with SVG and CSS","description":"This example demonstrates simple geometric shapes rendered as scalable vector graphics. It shows three distinct SVG primitives: two circles of varying radii and positions, and one rectangle with specified dimensions, all placed on a 960 by 500 canvas. The visualization employs inline SVG elements defined directly in the HTML markup, with styling attributes like `fill` applied to alter the appearance of individual shapes. The accompanying CSS file links to the document to provide additional presentational rules. The example serves as a basic illustration of how to construct graphics using native SVG syntax within a web page.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/4e0dc39911ad42049c7a964be0fa06bc?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}