🌍 Public
Viewing a saved revision (read-only)
7c0815a13f2946ba9c467bbe30b485f1
SVG Fundamentals
This example demonstrates fundamental SVG shapes, including circles, lines, and paths, rendered in a static 960x500 viewport. The code uses raw SVG elements such as `<circle>`, `<line>`, and `<path>` to show overlapping circles, a stroke-only polyline, and a custom curved segment, with attributes like `cx`, `r`, `fill`, and `stroke-width` controlling geometry and styling. Several elements are commented out, including a rectangle, highlighting how SVG markup is manipulated directly in the HTML file without any additional JavaScript libraries or data sources.
AI-generated descriptionA demonstration of SVG shapes.