This example demonstrates the basic SVG shape elements available in the browser, including rectangles, circles, ellipses, lines, polylines, polygons, and paths. Each shape is rendered with a transparent fill and a colored stroke of varying width, showing how stroke properties work across different geometric primitives. The code uses inline SVG markup with standard attributes like `cx`, `ry`, `points`, and path commands such as `M`, `Q`, `T`, `C`, and `S`. The visualization is embedded directly in an HTML page with minimal CSS to reset margins and hide overflow.