🌍 Public
Viewing a saved revision (read-only)
1da66e3a1a6c498a95b5154ab61c813d
SVG Fundamentals
This example demonstrates basic SVG shapes by combining circles, rectangles, and lines in a fixed 960×500 canvas. It shows how circles vary in radius and fill color, rectangles use stroke and fill attributes, and lines connect coordinates with a specified stroke color. The code uses raw SVG elements—`<circle>`, `<rect>`, and `<line>`—without any JavaScript libraries, and renders directly in the browser via static markup.
AI-generated descriptionA demo of SVG shapes