{"version":"1.0","type":"rich","title":"Basic shapes and lines with SVGBasic shapes and lines with SVGBasic shapes and lines with SVG","description":"A grid of basic SVG shapes demonstrates how primitive geometry and paths can be styled and transformed. The example uses raw SVG elements—circles, rectangles, lines, and a `<path>`—within grouped `<g>` elements that apply scale and translate transforms. CSS classes, such as `.lines`, set stroke properties on line and path sub-groups, with paths built from M and L commands. The document also shows how group-level fills inherit into child shapes, while explicit `fill` attributes override them. This is a static, code-based rendering without data manipulation or JavaScript APIs.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/bf774a6283634964a158d14655718a24?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}