🌍 Public
Viewing a saved revision (read-only)
b59bdf187da74de28db27f5602c9fbe1
SVG Fundamentals
This example demonstrates the fundamental SVG shapes—circle, rectangle, line, and path—as static elements in a 960×500 viewport. It uses raw SVG markup within an HTML document, with no JavaScript libraries. Each shape illustrates basic attributes like fill, stroke, and coordinates, including a red inner circle layered over a larger black circle and a yellow rectangle with a navy border. The path uses the `d` attribute to define a straight polyline, while the line connects from the origin to (100,100).
AI-generated descriptionA Demonstration of SVG Shapes.