{"version":"1.0","type":"rich","title":"Blanck Canvas with D3.js","description":"A full-screen SVG canvas is rendered with a rounded rectangle filling the entire viewport, creating a blank drawing surface for custom D3.js visualizations. The example demonstrates a minimal setup where the canvas dimensions are set dynamically from `document.body.clientWidth` and `document.body.clientHeight`, and the `select` API from D3 v5 is used to target the SVG element and append the rectangle. The code is structured for React integration with an external `bundle.js` file, and the rendering is purely vector-based using SVG attributes like `width`, `height`, and `rx` for corner rounding.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/edc9be3ca4bc4d51b257fdcdab01b4a8?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}