{"version":"1.0","type":"rich","title":"SVG Fundamentals","description":"This example demonstrates how to render a custom SVG path on an HTML page using inline SVG markup. The code draws a single heart-shaped figure with a red fill and stroke, constructed through a combination of arc commands, quadratic Bézier curves, and a closing path segment. It uses only native SVG elements and attributes within an HTML document, with no additional JavaScript libraries or frameworks required. The visualization serves as a minimal introduction to creating vector graphics directly in the browser, highlighting the path command syntax for defining complex shapes.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/1568edf905b244de8ec9e489bbf5d99d?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}