This example demonstrates interactive axes with crosshair hover lines. Moving the mouse over the plotting area draws vertical and horizontal black lines that track the cursor position, updating dynamically via D3’s `pointer` event and state management. The visualization uses D3 scales (`scaleLinear`) to map data ranges to pixel coordinates, with axis components built using `axisBottom` and `axisLeft`. A styled inner rectangle defines the plotting region, while axis labels are positioned manually. The code relies on D3.js version 7.9.0 and includes resize observation via `ResizeObserver`.