This reusable scatter plot component displays categorical data points across two quantitative axes, with color encoding by category and optional tooltips for interactivity. Built with D3 v6, it renders SVG circles, axes, and labels while supporting configurable margins, scales, and color schemes. The component uses `d3.scaleLinear` for positioning, `d3.scaleOrdinal` for categorical colors, and `d3.axisBottom`/`d3.axisLeft` for tick marks. Data is processed through customizable accessor functions, and the chart animates via D3 transitions when updated.