This visualization presents student marks as a pie chart, with each slice colored and labeled by GPA, accompanied by a legend listing the corresponding time spent. Built with React and D3.js v5, the code uses `d3.csv` to load data from a GitHub gist, `d3.pie` and `d3.arc` to generate the chart geometry and centroids, and `d3.scaleOrdinal` to map GPA values to a fixed set of colors. The SVG output includes both path segments and overlaid text labels.