🌍 Public
Viewing a saved revision (read-only)
e90a7c02b7d34e44af71bab3773757fb
SVG fundamentals
This example demonstrates fundamental SVG shapes, including circles, rectangles, lines, and paths, rendered directly in an HTML document. The code uses the native SVG API with elements such as `<circle>`, `<rect>`, `<line>`, and `<path>`, showing attributes like fill, stroke, stroke-width, and path commands (M, L, H, A). A commented-out rectangle and path illustrate alternative configurations, while the visible paths show open and closed contours with varying coordinate systems. The rendering is purely vector-based, requiring no external libraries or data sources.
AI-generated descriptionDemostration of some SVG shapes