This D3.js v7 example presents a reusable scatter plot that visualizes the relationship between units sold and profit, with points colored by region. Each circle represents a data record from a 200-row CSV dataset. The visualization implements a configurable chart function with setters for data, dimensions, and axis mappings. It uses SVG rendering, d3.scaleLinear for axes, d3.scaleOrdinal with d3.schemeTableau10 for categorical colors, and d3.csv for data loading, alongside axis generators and grid lines.