{"version":"1.0","type":"rich","title":"Shapes with SVG and CSS","description":"This example demonstrates how D3 version 7 renders basic SVG shapes—circles, rectangles, and a line—within an HTML page. The SVG markup shows explicit styling through inline attributes (like `fill=\"red\"` or `stroke-width=\"5\"`) and group elements using `transform` for positioning and scaling. A separate `styles.css` file resets body margins and hides overflow, while D3 is loaded from a CDN but not used for drawing. The code also references a `bundle.js` file, indicating a potential bundling step, though the visible shapes are static and rely solely on SVG and CSS rather than dynamic D3 data binding.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/e2c39922e4bb4b9bb2246cca3cd33467?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}