🌍 Public
Viewing a saved revision (read-only)
c6f05d978d0e4044bbc4c2f71763ca7c
SVG Fundamentals
This example demonstrates the fundamental building blocks of SVG graphics, showing a green circle and a rectangle rendered within a 500 by 500 pixel coordinate space. The code uses plain SVG elements—`<circle>` and `<rect>`—with explicit attributes for position, size, and fill color, embedded directly in an HTML page. No additional libraries or JavaScript are required, as the SVG is static and defined entirely in the markup. The rendering relies on the browser’s native SVG support, illustrating how basic shapes are placed using x, y, and radius properties.
AI-generated descriptionA bare minimum HTML page demonstrating use of CSS and JavaScript.
See also React Starter.