SVG fundamentals
An SVG playground demonstrates fundamental vector shapes—a circle, rectangle, line, ellipse, and a complex path with arcs and quadratic curves—drawn directly in an HTML document. The static scene uses no external libraries, relying solely on the browser's native SVG support with inline attributes like `cx`, `rx`, and `d` for path data. Shapes are styled via presentation attributes, including fills, stroke colors, and a transparent rectangle with a green outline. The example serves as a minimalist reference for constructing basic geometric primitives and path commands in Scalable Vector Graphics markup.