🌍 Public
Viewing a saved revision (read-only)
d4c6b333c74f4d83a2a456e554261586
Fork of SVG Fundamentals
This example demonstrates basic SVG shape rendering within a single HTML file, showing overlapping circles, a line, and two path elements on a 960-by-500 canvas. The code uses the SVG API directly, employing `<circle>`, `<line>`, and `<path>` tags with explicit coordinate attributes and styling properties such as `fill`, `stroke`, and `stroke-width`. It also includes a commented-out `<rect>` element and a YouTube embed link. The overlapping red and green circles illustrate layering in SVG, while the paths show both filled and stroked curve and polyline rendering, with hidden overflow via CSS.
AI-generated descriptionA demonstration of SVG shapes.