{"version":"1.0","type":"rich","title":"SVG Fundamentals","description":"This example demonstrates fundamental SVG shapes and attributes, including circles, rectangles, lines, and paths, all rendered directly on an 800-by-400 canvas. It shows how fill, stroke, and stroke-width control appearance, such as a green circle with a thick navy outline and a yellow rectangle with a navy border. A red path combines straight lines and quadratic Bézier curves (Q), while another path uses an arc command (A) to form a curved teardrop shape. The code uses inline SVG elements within an HTML document, with no external JavaScript libraries.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/d30d321db92e417195aff72915c92d8a?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}