🌍 Public
Viewing a saved revision (read-only)
fe6d69d690a04b84bb321ea7495de454
Fundamentals of SVG
This example demonstrates the foundational shapes and attributes of SVG through a static composition of four primitive elements. It shows a pair of circles, a rounded rectangle, and a diagonal line rendered directly in an inline `<svg>` element with a 960x500 viewport. The code applies styling via presentation attributes such as `fill`, `stroke`, `stroke-width`, and `rx`/`ry` for corner rounding, including a blue-stroked rectangle with no fill and a red line crossing the canvas. It relies solely on native SVG markup with no JavaScript libraries or data sources, highlighting how basic geometric primitives are defined and styled directly in HTML.
AI-generated description