{"version":"1.0","type":"rich","title":"SVG Fundamentals","description":"This example demonstrates basic SVG shapes, including a circle, rectangle, line, and path, as rendered directly in an inline `<svg>` element. It shows how each shape’s attributes—such as `cx`, `cy`, `r` for the circle, and `x`, `y`, `width`, `height`, `fill`, `stroke`, and `stroke-width` for the rectangle—control its geometry and styling. The code uses raw SVG APIs without any JavaScript libraries, with styles applied via presentation attributes. The path element draws a polyline using the `d` attribute’s `M` and `L` commands, illustrating coordinate-based drawing.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/85ce1d2f3a054e6da769858ef98c3a6b?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}