This scatter plot shows the relationship between PRICEEACH and QUANTITYORDERED from a sales sample CSV, with each point colored by PRODUCTLINE using a Tableau10 ordinal scale. The visualization uses d3.csv to load and parse the data, then renders SVG circles positioned by linear scales for both axes. A legend built with HTML divs identifies the product lines, while the dark-themed chart includes axis labels, a title, and a rotated y-axis label. The code relies on d3.axisBottom, d3.axisLeft, d3.extent, and d3.scaleLinear for the quantitative encodings.