{"version":"1.0","type":"rich","title":"SVG Fundamentals","description":"This example demonstrates fundamental SVG rendering primitives within a static 960 by 500 viewport, using raw SVG elements without any JavaScript libraries. The code draws a series of circles and rectangles with explicit fill colors, including red, green, blue, and yellow shapes, plus a navy-stroked rectangle and a diagonal line. A separate composition in the lower right uses overlapping blue, black, and unfilled circles to form a simple figure. All shapes are defined declaratively with SVG attributes such as `cx`, `cy`, `r`, `x`, `y`, `width`, `height`, `fill`, and `stroke`, showing basic vector graphic construction directly in HTML.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/5ceb4db263c84ba6a9c056ab483c065c?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}