This scatterplot visualizes student performance, plotting study hours per week against final exam scores, with gender as a color-coded grouping variable. It uses the D3.js v7 library with a reusable `scatterPlot` function pattern, rendering SVG circles within a margin-based layout. The chart reads from `data.csv` and builds linear scales for both axes, applying ordinal color encoding via `d3.scaleOrdinal` with the Tableau color scheme.