Fork of Responsive Starter Code
This example demonstrates a blank, responsive canvas that fills the entire browser window, showing a simple rounded rectangle that scales with the viewport. The visualization uses D3 v5 to bind data to SVG elements and update their dimensions on window resize. The core pattern involves D3’s data join method, `selection.merge()`, which reuses existing elements to apply new `width` and `height` attributes based on `document.body.clientWidth` and `clientHeight`. A `window.addEventListener('resize', render)` triggers the redraw, making the component fully responsive. The SVG rendering approach relies on a custom component function that takes container and props, illustrating a reusable template for building adaptive charts.