{"version":"1.0","type":"rich","title":"shapes with css and svg","description":"This example shows a single green circle with a blue stroke rendered inside an SVG canvas. The circle is positioned at coordinates (250, 250) with a radius of 50 pixels, displayed on a 960 by 500 pixel viewport defined by the SVG element. The code uses inline CSS properties within the SVG markup, specifically the `fill`, `stroke`, and `stroke-width` attributes, to style the shape. No JavaScript libraries or data sources are involved; the visualization relies entirely on static SVG and CSS definitions.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/b135bbea92044881bcc0342f2ed729e3?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}