{"version":"1.0","type":"rich","title":"Shapes with SVG and CSS","description":"This example uses SVG elements and CSS to draw basic shapes on a web page. It shows a circle, a rectangle, a line, and a path, all placed directly within an SVG element with a fixed width and height. The rendering approach uses raw SVG markup without any JavaScript libraries like D3, relying on presentational attributes such as `stroke`, `stroke-width`, and `fill` to style the shapes. The CSS file sets the body margin and hides overflow, while a `.highlighted` class defines a red color rule that is not applied in the current markup.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/646d65ac3926462ebe11e8b8eb28de68?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}