-
Metrics
-
Coming soon...
-
-
-
-
📊
-
Grade analytics and insights will appear here
+
+
Grade Metrics
+
Track your nine-weeks grade trends over time
+
+
+
+
+ {showFilters && (
+
+
+
Nine-Weeks Periods
+
+ {['NW1', 'NW2', 'NW3', 'NW4'].map(period => (
+
+ ))}
+
+
+
+
+
+
Classes ({selectedClasses.length}/{allClasses.length})
+
+
+
+
+
+
+ {allClasses.map(classKey => {
+ const classData = groupedGrades[classKey];
+ return (
+
+ );
+ })}
+
+
+
+ )}
+
+ {Object.keys(filteredGrades).length === 0 ? (
+
+
📊
+
No grade data available for the selected filters
+
Try selecting different periods or classes
+
+ ) : (
+
+ {Object.entries(filteredGrades).map(([key, classData]) => {
+ const chartData = prepareChartData(classData.nineWeeks);
+ const yDomain = calculateYDomain(classData.nineWeeks);
+
+ return (
+
+
+
+
{classData.className}
+
+ {classData.period} • {classData.teacher}
+
+
+
+
+
+
+
+
+
+
+ [
+ value ? `${value.toFixed(2)}%` : 'N/A',
+ PERIOD_NAMES[name]
+ ]}
+ labelFormatter={(label) => `Update #${label}`}
+ />
+
+
+
+
+
+ {Object.entries(classData.nineWeeks).map(([nw, grades]) => {
+ const latest = getLatestGrade(grades);
+ const trend = calculateTrend(grades);
+ return (
+
+
+
+ {PERIOD_NAMES[nw]}
+
+
+
{latest}%
+
+ {getTrendIcon(trend.trend)}
+
+ {Math.abs(trend.change).toFixed(2)}%
+
+
+
({grades.length} updates)
+
+
+ );
+ })}
+
+
+ );
+ })}
+
+ )}
);
};
\ No newline at end of file