This example demonstrates basic SVG shapes using native SVG elements within an HTML document. It renders three circles with different radii and colors (white, purple, and cyan) alongside a single path that combines circular arcs and quadratic curves to form a leaf-like shape with a magenta fill and hot pink stroke. The drawing relies on SVG’s XML-based markup, including the `viewBox` attribute for coordinate scaling and inline attributes for shape geometry. The code includes an `index.js` file that merely logs “hello world” and a `styles.css` referencing a `.message` class not applied to any elements.