SVG foundation
This example demonstrates basic SVG shapes rendered directly in the browser, including circles, a rectangle, a line, and a custom path. It shows how to draw these primitives using circle, rect, line, and path elements within an SVG container. Each shape uses attributes like fill, stroke, stroke-width, and opacity for styling, with the path defined by the M and L commands. The visualization is entirely static and built from literal coordinates in the HTML markup, requiring the browser’s rendering engine to display the vector graphics.