{"version":"1.0","type":"rich","title":"Shapes with SVG and HTML","description":"This example demonstrates how SVG and HTML elements can be used together to render geometric shapes on a web page. The visualization uses D3 v5’s `select` function to target an SVG element defined in the HTML, with its height and width extracted via `svg.attr`. A CSS class called `.highlighted` styles certain shapes in red, while the body margin is removed for full-bleed display. The code sets up the foundation for binding data to shape positions, though no explicit rendering or data mapping is visible in the provided files.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/d785b766b60445bd96395ffe4fa40e91?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}