{"version":"1.0","type":"rich","title":"Creating SVG","description":"This example demonstrates how to create and manipulate SVG shapes directly in HTML while also integrating D3.js for DOM selection and updates. It includes a static red circle rendered inside an SVG element and uses D3's `select` function to target the `#message` div, though the text-setting functionality is currently commented out. The code loads D3 v5 from UNPKG and shows basic project structure with local ES6 modules, CSS styling, and a bundled script, highlighting the foundational workflow for building interactive visualizations in VizHub.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/aafb40335ecc4b0894e7ea2dba59f4a0?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}