svg fundamentals
This example demonstrates SVG polygon rendering with interactive hover states. A single polygon shape is drawn using the `<polygon>` element, featuring a lime fill, purple stroke, and evenodd fill rule to create a star-like appearance. The code uses raw SVG within an HTML page, with CSS transitions (commented out) and hover effects that would change the fill to green when active. The rendering approach directly embeds SVG markup in the document body, with styling rules defined in the page’s `<style>` block. The example serves as a foundational demonstration of SVG’s shape properties and CSS interaction capabilities.