{"version":"1.0","type":"rich","title":"SVG Fundamentals","description":"This example demonstrates the fundamentals of SVG rendering in a web browser, showing two basic geometric shapes drawn on a 960 by 500 canvas: a green-outlined ellipse and a red vertical line segment. The code uses raw SVG markup inside an HTML document, with inline attributes controlling position, dimensions, stroke color, and stroke width. It relies on the native SVG API and standard HTML structure, requiring no external JavaScript libraries or data sources. The visualization highlights how static vector graphics are declared directly in markup, contrasting with more complex frameworks like React.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/a7bd49979d4140e193666f46946f8e0a?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}