This example presents a reusable scatter plot component that visualizes the relationship between x_value and y_value across three categorical groups (g1, g2, g3). The chart renders SVG circles colored via a d3.scaleOrdinal, with axes, gridlines, and an interactive tooltip that appears on mouseover to display group and coordinate details. The component pattern encapsulates all chart dimensions, scales, and margins inside a scatterPlot() factory function, which is invoked with d3.select().call(). Data loads from an external CSV file using d3.csv, demonstrating a clean, reusable D3 v7 architecture for basic exploratory data analysis.