{"version":"1.0","type":"rich","title":"shapes by css and svg","description":"This example demonstrates the visual difference between CSS and SVG shape rendering by drawing circles and rectangles inside two SVG groups. The first group applies a translation transform, while the second group uses a scale transform, and a shared stroke style is applied to lines and paths. The code renders directly in SVG, uses D3.js for importing the selection API, and includes local ES6 modules. The scene uses standard SVG elements with explicit fill, stroke, and transform attributes.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/5bab213e495e43cf85e0a42305140065?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}