Fundamentos SVG
This example shows basic SVG shapes rendered inside a 960-by-500 viewport, introducing fundamental geometric elements such as circles, rectangles, and lines. Two circles appear at fixed positions, one unfilled and one with a red fill, while a yellow rectangle with a blue stroke and a navy diagonal line demonstrate styling and coordinate placement. Using plain Scalable Vector Graphics markup, the code relies on native SVG attributes like `cx`, `cy`, `r`, `fill`, `stroke`, and `stroke-width`—no additional JavaScript libraries or frameworks are invoked. The visualization illustrates how CSS-like presentation properties apply directly to SVG elements, serving as a technical primer for vector drawing without external data.