{"version":"1.0","type":"rich","title":"SVG Fundamentals","description":"This example demonstrates the fundamental building blocks of SVG rendering through three colored circles positioned along a diagonal path. The visualization uses the SVG `circle` element with `cx`, `cy`, and `r` attributes, styled with `fill` colors of green, red, and blue. The code, embedded directly in an HTML page with inline CSS and JavaScript, creates a simple composition on a 1000x1000 canvas. It serves as a minimal starting point for understanding how React-based visualizations leverage SVG primitives for custom graphics.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/eddaaf7430f74b90a088f8708577dc3d?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}