Viewing a saved revision (read-only)
70d9e898d1b249e290a04297587a9943
SVG Fundamentals
This example demonstrates the fundamental building blocks of SVG rendering in a web page, using only inline SVG elements within an HTML document. It shows a simple composition of a green circle outline and a black line segment, with a commented-out blue rectangle illustrating additional shape options. The code relies on standard SVG APIs—specifically the `<circle>`, `<line>`, and `<rect>` elements—styled through presentation attributes like `stroke` and `fill`. The visualization sets a fixed 960 by 500 pixel canvas, emphasizing the direct, code-driven construction of geometric primitives without any data binding or framework logic.
AI-generated descriptionA bare minimum HTML page demonstrating use of CSS and JavaScript.
See also React Starter.