🌍 Public
Viewing a saved revision (read-only)
c806cfb9165c4d4c90ea8ca281e229a8
SVG Fundamentals
A demonstration of SVG fundamentals displays basic shapes on a 960-by-500 canvas: a yellow rectangle with a navy stroke, circles in red, green, and blue at varying radii, and a diagonal navy line. The example uses native SVG elements—`rect`, `circle`, and `line`—directly in HTML, with no JavaScript libraries. Styling is applied via SVG attributes like `fill`, `stroke`, and `stroke-width`, showing how static vector graphics are constructed without external data or rendering frameworks.
AI-generated descriptionA demonstration of SVG