https://vanderbilthustler.com/category/coronavirus/

snippet.html

<div id='covid-vandy'><!-- chart will be drawn inside this DIV --></div>
<script src='https://cdn.plot.ly/plotly-latest.min.js'></script>
<script>
    Plotly.d3.csv("https://gist.githubusercontent.com/aadibajpai/b0c11721056325d4892cf926b950cdb1" +
        "/raw/Weekly%2520New%2520Cases%2520Students.csv", function(err, rows) {

        function unpack(rows, key) {
            return rows.map(function (row) {
                return row[key];
            });
        }
        console.log(rows)
        let trace1 = {
            x: unpack(rows, 'Category'),
            y: unpack(rows, "Undergraduate students living on campus"),
            type: 'scatter',
            mode: 'lines',
            name: 'Undergraduate Students living on Campus',
            // hovertext: 'On Campus',
            // hoverinfo: 'y+text,'
            hoverlabel: {namelength :-1}
        };

        let trace2 = {
            x: unpack(rows, 'Category'),
            y: unpack(rows, "Undergraduate students living off campus"),
            type: 'scatter',
            mode: 'lines',
            name: 'Undergraduate Students living off Campus',
            // hovertext: 'Off Campus',
            // hoverinfo: 'y+text',
            hoverlabel: {namelength :-1}
        };

        let trace3 = {
            x: unpack(rows, 'Category'),
            y: unpack(rows, "Graduate and professional students living off campus"),
            type: 'scatter',
            mode: 'lines',
            name: 'Graduate and professional students living off campus',
            // hovertext: 'Off Campus',
            // hoverinfo: 'y+text',
            hoverlabel: {namelength :-1}
        };

        let layout = {
            title:'Real-Time COVID-19 Positive Cases Tracker at Vanderbilt'
        };

        let config = {responsive: true}

        let data = [trace1, trace2, trace3];

        Plotly.newPlot('covid-vandy', data, layout, config);

    });
</script>

Weekly New Cases Students.csv