{"version":"1.0","type":"rich","title":"SVG Fundamentals","description":"This example demonstrates the fundamental building blocks of SVG graphics using three circles positioned across a canvas. The visualization shows how SVG shapes are defined through XML-like tags, with each circle’s geometry controlled by attributes for horizontal position, vertical position, and radius. The code uses the HTML `<svg>` element directly within a web page, along with JavaScript and CSS for basic styling. The circles are rendered with default black fill, except where the `fill` attribute explicitly overrides it to red, illustrating how SVG attributes control visual properties. The bare-bones HTML file serves as a minimal starting point for creating vector graphics on the web, referencing the React Starter template for further exploration.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/8c6ef7bf7e20440383714e32ae9747d9?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}