Gradescope Grader Stats

Displays per-grader statistics on submissions in Gradescope
换行
/**
 * MIT License
 *
 * Copyright (c) 2024 David Harris
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in all
 * copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 * SOFTWARE.
 *
 */
// ==UserScript==
// @name            Gradescope Grader Stats
// @namespace       https://greasyfork.org/en/users/238426-drharris
// @description     Displays per-grader statistics on submissions in Gradescope
// @version         1.2.5
// @author          drharris
// @copyright       2024, drharris (https://greasyfork.org/en/users/238426-drharris)
// @license         MIT
// @homepage        https://greasyfork.org/en/scripts/423266-sample-userscript-template
// @supportURL      https://greasyfork.org/en/scripts/423266-sample-userscript-template/feedback
// @match           https://www.gradescope.com/courses/*/questions/*/submissions
// @require         https://unpkg.com/[email protected]/dist/math.min.js
// @require         https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js
// @require         https://cdn.jsdelivr.net/npm/[email protected]/dist/chart.min.js
// @grant           GM_getValue
// @grant           GM_setValue
// @grant           GM_deleteValue
// @grant           GM_listValues
// @grant           GM_addValueChangeListener
// @grant           GM_removeValueChangeListener
// @grant           GM_addStyle
// @grant           GM_registerMenuCommand
// @grant           GM_unregisterMenuCommand
// @grant           GM_setClipboard
// @grant           GM_xmlhttpRequest
// @grant           GM_getResourceText
// @grant           GM_getResourceURL
// @grant           GM_download
// @grant           GM_openInTab
// @grant           GM_notification
// ==/UserScript==

// ==OpenUserScript==
// @author          drharris
// @collaborator    drharris
// ==/OpenUserScript==

/* jshint esversion: 6 */



$(document).ready(function () {
    document.gsgsScrollToRow = function(line) {
        document.querySelectorAll('#question_submissions_wrapper .dataTable >tbody >tr')[line].scrollIntoView({ behavior: 'smooth', block: 'center'});
        return false;
    }
    var gradeTable = $('#question_submissions_wrapper .dataTable >tbody >tr');
    if (!gradeTable) return;
    var idxNum = 0;
    var idxGrader = $('#question_submissions_wrapper .dataTable >thead >tr th:contains("Last Graded By")').index();
    var idxScore = $('#question_submissions_wrapper .dataTable >thead >tr th:contains("Score")').index()
    var dict = {};
    var dict_range = {};
    var uniqueScores = [];
    // create TA row style
    $("<style type='text/css'>tr.curr_ta td{background-color:#d5f4e6;font-weight:bold;}</style>").appendTo("head");
    // parse grade data
    gradeTable.each(function (index, tr) {
        var grader = tr.childNodes[idxGrader].textContent;
        var score = tr.childNodes[idxScore].textContent;
        var num = parseInt(tr.childNodes[idxNum].textContent);
        if (score.trim() != "")
        {
            if (!uniqueScores.includes(score)) { uniqueScores.push(score); }
            if (!(grader in dict)) { dict[grader] = []; }
            if (!(grader in dict_range)) { dict_range[grader] = [num,num]; }
            dict[grader].push(score);
            if(dict_range[grader][0] > num) dict_range[grader][0] = num;
            if(dict_range[grader][1] < num) dict_range[grader][1] = num;
        }
    });
    uniqueScores.sort((a, b) => (parseInt(a) - parseInt(b)));
    // build new table
    var table = $('<table>').addClass('table').css("margin", "3em auto 0").css("width", "80%").appendTo($('#question_submissions_filter'));
    var tr = $('<tr>').appendTo($('<thead>').appendTo(table));
    tr.append($('<th>Grader</th><th></th><th>Progress</th><th>Count</th><th>Mean</th><th>Median</th><th>StDev</th><th></th>'));
    var tbody = $('<tbody>').addClass('collapse').attr('id', 'gsgsTbody').appendTo(table);
    for (var ta in dict) {
        if (ta == '') continue;
        var grades_nonzero = dict[ta].filter(function(x){return x !== '0.0';});
        if(grades_nonzero.length < 1) grades_nonzero = [0.0]; // fix the case where there is only one zero grade.
        // make data summary row
        var bold = "normal";
        var highlight = "";
        var row = $('<tr>').addClass('gsgsRow').css("cursor", "pointer").css("height", "32px").appendTo(tbody);
        if (ta == bugsnagClient.user['name']) {
            row = row.addClass('curr_ta');
        }
        row.append($('<td>').text(ta));
        row.append($('<td>').text(dict_range[ta][0] + " - " + dict_range[ta][1]));
        row.append($('<td>').text(dict[ta].length + "/" + (math.abs(dict_range[ta][0] - dict_range[ta][1]) + 1)));
        row.append($('<td>').text(dict[ta].length));
        row.append($('<td>').text(math.round(math.mean(grades_nonzero), 2)))
        row.append($('<td>').text(math.round(math.median(grades_nonzero), 2)))
        row.append($('<td>').text(math.round(math.std(grades_nonzero), 2)))
        row.append($('<td>').append($("<button type='button' class='btn btn-sm btn-primary' onclick='gsgsScrollToRow(" + dict_range[ta][0] + ");'>").text("↴")));
        // make chart row
        var detailRow = $('<tr>').addClass('gsgsRowDetail').appendTo(tbody);
        var detailCell = $('<td colspan=6></td>').appendTo(detailRow);
        var chartContainer = $('<div style="display:inline-block;position:relative;width:100%;height:200px;padding-left:2em;padding-right:2em"></div>').appendTo(detailCell);
        let scoreCount = dict[ta].reduce(function ( c, v ) { return ( c[v] ? ++c[v] : (c[v] = 1), c ); }, {});
        new Chart($('<canvas></canvas>').appendTo(chartContainer), {
            type: 'bar',
            data: { labels: uniqueScores, datasets: [ { label:ta, data: scoreCount, backgroundColor: 'rgba(92, 60, 146, 0.5)' } ] },
            options: { plugins: { legend: { display: false, } }, responsive: true, maintainAspectRatio:false }
        });
        detailRow.toggle();
    }
    // add chart collapse ability
    $('tr.gsgsRow').click(function () {
        $(this).nextUntil('tr.gsgsRow').slideToggle(100);
    });
});