This interactive scatter plot uses D3 v7 to visualize two quantitative variables across multiple categories, with each category represented by a distinct geometric shape from `symbolsFill`. The visualization applies `scaleLinear` for both axes and `scaleOrdinal` for shape encoding, rendering data points as SVG paths using the `symbol` generator. A shape legend explains the categorical mapping, while axes with labels are constructed using `axisLeft`, `axisBottom`, and custom label positioning from the `axes` module. The example demonstrates reusable chart components through ES6 module imports and data-join patterns for updates.