DerexXD/ut-grade-distribution-viewer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Google tag script

Browse Source
This commit is contained in:
HW Computer
2023-04-22 00:32:35 -05:00
parent f7ddf94d7d
commit 7e5289998f
2 changed files with 13 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
index.html
View File

@@ -2,15 +2,6 @@
<html> <html>
<head> <head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-W7VZNW3G14"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'G-W7VZNW3G14');
</script>
<meta charset='utf-8'> <meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'> <meta http-equiv='X-UA-Compatible' content='IE=edge'>
<title>UT Grade Viewer</title> <title>UT Grade Viewer</title>
@@ -23,7 +14,15 @@
src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.4/Chart.js"> src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.4/Chart.js">
</script> </script>
</head> </head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-W7VZNW3G14"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-W7VZNW3G14');
</script>
<body> <body>
<div class="bg"></div> <div class="bg"></div>
<div class="bg-text"> <div class="bg-text">
@@ -58,9 +57,9 @@
<br><br> <br><br>
</form> </form>
</form> </form>
<div class="chart-container" id="grades" value="invisible" class="center" style="position: relative; height:40vh; width:80vw"> <div class="chart-container" id="grades" value="invisible" style="position: relative; height:40vh; width:80vw">
<!--Bar graph stuff--> <!--Bar graph stuff-->
<canvas id="gradeBar"></canvas> <canvas id="gradeBar" style="width:100%;height:100%;"></canvas>
</div> </div>
</div> </div>
<script src='main.js'></script> <script src='main.js'></script>

6
main.js
View File

@@ -98,7 +98,7 @@ async function PapaParse(department, num, name) {
datasets: [{ datasets: [{
label: 'Grade Distribution', label: 'Grade Distribution',
data: Object.values(gradeDist), data: Object.values(gradeDist),
borderWidth: 3, borderWidth: 2,
// borderColor: '#36A2EB', // borderColor: '#36A2EB',
backgroundColor: ["rgb(98, 244, 54)", "rgb(129, 231, 10)", "rgb(151, 218, 0)", "rgb(168, 204, 0)", "rgb(181, 190, 0)", "rgb(191, 176, 0)", "rgb(199, 162, 0)", "rgb(205, 148, 0)", "rgb(209, 133, 0)", "rgb(211, 119, 0)", "rgb(210, 105, 0)", "rgb(208, 91, 23)", "rgb(204, 78, 36)", "rgb(198, 66, 46)", "rgb(190, 54, 54)", ""], backgroundColor: ["rgb(98, 244, 54)", "rgb(129, 231, 10)", "rgb(151, 218, 0)", "rgb(168, 204, 0)", "rgb(181, 190, 0)", "rgb(191, 176, 0)", "rgb(199, 162, 0)", "rgb(205, 148, 0)", "rgb(209, 133, 0)", "rgb(211, 119, 0)", "rgb(210, 105, 0)", "rgb(208, 91, 23)", "rgb(204, 78, 36)", "rgb(198, 66, 46)", "rgb(190, 54, 54)", ""],
}] }]
@@ -130,12 +130,12 @@ function loadChart(gradeDist) {
datasets: [{ datasets: [{
label: 'Grade Distribution', label: 'Grade Distribution',
data: Object.values(gradeDist), data: Object.values(gradeDist),
borderWidth: 3, borderWidth: 2,
barThickness: 50,
backgroundColor: ["rgb(98, 244, 54)", "rgb(129, 231, 10)", "rgb(151, 218, 0)", "rgb(168, 204, 0)", "rgb(181, 190, 0)", "rgb(191, 176, 0)", "rgb(199, 162, 0)", "rgb(205, 148, 0)", "rgb(209, 133, 0)", "rgb(211, 119, 0)", "rgb(210, 105, 0)", "rgb(208, 91, 23)", "rgb(204, 78, 36)", "rgb(198, 66, 46)", "rgb(190, 54, 54)", ""], backgroundColor: ["rgb(98, 244, 54)", "rgb(129, 231, 10)", "rgb(151, 218, 0)", "rgb(168, 204, 0)", "rgb(181, 190, 0)", "rgb(191, 176, 0)", "rgb(199, 162, 0)", "rgb(205, 148, 0)", "rgb(209, 133, 0)", "rgb(211, 119, 0)", "rgb(210, 105, 0)", "rgb(208, 91, 23)", "rgb(204, 78, 36)", "rgb(198, 66, 46)", "rgb(190, 54, 54)", ""],
}] }]
}, },
options: { options: {
responsive: true,
maintainAspectRatio: false, maintainAspectRatio: false,
scales: { scales: {
y: { y: {