{"version":"1.0","type":"rich","title":"Shapes with SCG and CSS","description":"This example shows how basic SVG shapes—circles, rectangles, lines, and paths—are styled and transformed directly in an HTML document using D3’s `select` method alongside plain CSS. The visualization demonstrates static geometric composition with fills, strokes, and grouped transformations like `scale` and `translate`. The code uses D3 version 7 for a simple text insertion, while styling comes from an external stylesheet that defines line and path appearance. No interactive behavior or data binding is present; the focus is purely on rendering and CSS-based presentation of vector graphics.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/6e7a20462000428fb2b5989fee7b8107?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}