This scatter plot visualizes the relationship between the width and length of items from a CSV dataset, with points colored and shaped by category. The visualization uses D3.js v7 to create SVG marks, axes, and a shape legend that maps ordinal categories to distinct symbols. The plot updates dynamically to fill the browser window, with axes labeled “Width” and “Length” and hover effects increasing point opacity. It is built using modular D3 components like `scaleLinear`, `scaleOrdinal`, `symbols`, `axisLeft`, and `axisBottom`, applying a joined subchart approach.