{"version":"1.0","type":"rich","title":"SVG Fundamentals","description":"This example demonstrates fundamental SVG shapes, including circles, a rectangle, and a line, arranged on a 500-by-500 canvas. It shows how each shape’s attributes—such as center coordinates, radius, fill color, stroke, and stroke-width—control its appearance. The visualization uses plain SVG markup directly in the HTML, with no external libraries, to illustrate basic vector graphics rendering. A red circle layered with a smaller green circle at the bottom right highlights how overlapping shapes with different fills create composite visuals, while the blue outlined rectangle and yellow-bordered red circle show stroke styling variations.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/21dcf841ce7b4e698c3b71c1b03cee64?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}