{"version":"1.0","type":"rich","title":"D3 Testing","description":"This example demonstrates fundamental SVG shape rendering and styling using D3.js. It shows how paths create geometric forms, including a red triangle, blue cross, and orange polygon, with filled and stroked variants. The code uses `d3.select` and `.append('path')` to add SVG elements dynamically, while static paths are defined directly in the HTML. Attributes such as `d`, `fill`, `stroke`, and `stroke-width` control shape geometry and appearance, highlighting the different behaviors of closed paths versus open strokes.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/366f3bde518840349a1fe181eb7ce7c9?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}