SVG Basics
This example demonstrates the fundamental shapes available in SVG, including a circle, rectangle, line, and two ellipses, each styled with distinct fill colors and stroke properties. The SVG content is defined directly within an HTML file using a static `<svg>` element with a set width and height. It showcases how vector shapes are positioned using coordinates and sized with attributes like `cx`, `cy`, `rx`, and `ry`. The code also includes a `<path>` element with an initial movement command, illustrating the basic syntax for defining custom vector paths.