{"version":"1.0","type":"rich","title":"Shapes with SVG and CSS","description":"This example demonstrates how different SVG shapes—circles, rectangles, lines, and paths—can be styled and combined using D3’s square-root scale and CSS. It shows the same shapes in three group configurations: default styling, explicit fill and stroke attributes, and a group with shared fill/stroke properties. The `d3.scale.sqrt` function is defined but not applied. The SVG uses a `transform` scale, while CSS classes control stroke width, color, and line join/cap styles for the line and path elements.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/5ea75c0c07664900bfa9d1f26ace5e0b?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}