{"version":"1.0","type":"rich","title":"SVG Foundamentals","description":"This example demonstrates fundamental SVG shapes—circles, rectangles, lines, and paths—arranged on a 960x500 canvas. The graphic uses raw SVG markup embedded directly in an HTML page, with CSS styling applied to the message class only. Each shape shows basic attributes like `cx`, `cy`, `r`, `x`, `y`, `width`, `height`, `fill`, `stroke`, and `stroke-width`, illustrating how geometric primitives compose a static vector illustration. The code does not rely on external libraries, but is intended as a starting point for React-based visualization projects.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/fff425c4dca04aad9b9d667c3c0a35bf?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}