{"version":"1.0","type":"rich","title":"Drawing SVG Shapes with D3","description":"This example contrasts hand-written SVG markup with D3-generated SVG for drawing a simple bar shape. It shows a static green rectangle created directly in HTML using the `<rect>` element, and an identical rectangle produced dynamically via D3’s selection and append methods. The page uses `d3.select`, `append`, `attr`, and `style` to construct and style the SVG node in the DOM. The code relies on D3 v7 loaded from a CDN and does not use any data binding or scales.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/3b3637ba6e064a7f996cdd32a743f251?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}