{"version":"1.0","type":"rich","title":"SVG Fundamentals","description":"This example displays fundamental SVG shapes—circles, rectangles, lines, and paths—positioned on a 960×500 canvas. Each shape demonstrates distinct stroke and fill styling, including thick outlines, dashed-free solid colors, and a path defined by absolute coordinates. The code uses raw SVG markup directly in an HTML page, with no external JavaScript libraries. It showcases how CSS-like presentation attributes such as `stroke-width`, `fill`, and `stroke` apply to vector primitives, serving as a minimal introduction to SVG’s drawing model for React-based visualization projects.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/4155086573fc4c9a93347527636a35c6?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}