{"version":"1.0","type":"rich","title":"SVG Fundamentals","description":"This example demonstrates basic SVG shapes directly in HTML, showing how circles, rectangles, and lines render with stroke, fill, and thickness properties. A red-outlined circle appears next to a filled red circle with a black border, while a blue-bordered white rectangle and a thin diagonal line complete the composition. The visualization uses raw SVG elements within a 500x500 canvas, relying on the browser’s built-in SVG rendering API rather than a JavaScript library like D3. The shapes are static, with no data binding or interaction, serving purely as a primer for SVG’s coordinate system and attribute syntax.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/6a65185b7700422897455c5bcce1b51c?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}