{"version":"1.0","type":"rich","title":"Untitled","description":"This example demonstrates how D3 custom elements can drive a canvas-based drawing surface. As the mouse moves, the code appends `custom:circle` elements to a `custom:sketch` element, each with a red stroke that transitions to white over two seconds while expanding to a radius of 200. A `d3.timer` continuously clears the canvas and redraws all child elements, translating their attributes into Canvas 2D `arc` and `stroke` commands. The sketch uses a custom namespace prefix registered with `d3.ns.prefix` to create these elements.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/5de2ed5d98ce481e988ba7492e41c500?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}