This example shows a responsive SVG visualization with labeled axes that adjust to the browser window size. It uses D3 v5’s `d3.scaleLinear` and `d3.axisBottom`/`d3.axisLeft` to render axes with custom tick density, colors, and labels. The `marginConvention` helper applies the standard margin layout, while a `resize` event listener re-renders the component on window changes, updating the SVG dimensions and axis scales. A themed color palette controls tick and label styling.