This example shows a chart that uses an area path to compare average math scores between male and female students, with the D3 area generator mapping gender categories along the x-axis and score values along the y-axis. The visualization loads student performance data from a hosted CSV file, aggregates the math scores by gender using `d3.rollup`, and renders the result as an SVG area chart with labeled axes. The code applies D3 v7 scales, axes, and generators like `d3.area`, `scaleBand`, and `scaleLinear` to construct the figure.