This scatter plot maps customer satisfaction scores to monthly spending, using color to distinguish satisfied customers (green) from dissatisfied ones (red). Each circle represents a customer, positioned along the x-axis for satisfaction and the y-axis for spending. The visualization uses D3 v7 with `d3.scaleLinear` for axes, `d3.scaleThreshold` for the two-color grouping, and a legend built from `invertExtent`. A tooltip appears on hover, and the chart is rendered as SVG with manual axis labels and margins.