{"version":"1.0","type":"rich","title":"SVG Fundamentals","description":"This example demonstrates the use of SVG fundamentals by rendering basic geometric shapes—including circles, rectangles, lines, and paths—on a 960 by 500 pixel canvas. The code uses explicit SVG elements within an HTML page, setting attributes like `fill`, `stroke`, and `stroke-width` to control appearance. It shows how to position shapes using `cx`, `cy`, `x`, `y`, and `d` (for paths) directly in the markup. The visualization serves as a bare-minimum introduction to vector graphics without relying on external libraries.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/1a908cf8b8d4494e8ce686c88e426015?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}