Merge branch 'Data-Visualization' of https://github.com/Patribots4738/ScoutingBackend2024 into Data-Visualization

Author: Oliver-Cushman

package-lock.json

@@ -9,6 +9,7 @@
     "@testing-library/user-event": "^13.5.0",
     "ag-grid-react": "^31.0.1",
     "apexcharts": "^3.45.2",
+    "chroma-js": "^2.4.2",
     "firebase": "^10.7.1",
     "firebase-admin": "^12.0.0",
     "fs": "^0.0.1-security",

package.json

@@ -22,7 +22,7 @@ let teamAverageMap;
 let rankingTable;
 let rankingsNumData;
 let maxMin;
-
+let maxMinOfAverages;
 let rawDataMap;
 // Use an async function to fetch and process your data
 // Working:
@@ -73,11 +73,13 @@ export const fetchDataAndProcess = async () => {
     maxMin = getMaxMin(numData);
     commentTeamMap = convertTableToMap(commentData);
     numTeamMap = convertToTeamMap(numData);
-    teamAverageMap = getTeamAverageMap();   
+    teamAverageMap = getTeamAverageMap();  
+    console.log(getTeamAverage("4738"));
     allData = resortColumnByPoint(convertAllToTableForm(rawData), "Team", 0);
     bigTeamMap = convertToTeamMap(allData);
     rawDataMap = convertTableToMap(numData);
     rankingTable = getRankingTable();
+    maxMinOfAverages = getMaxMinOfAverages();
     // console.log(teamAverageMap.get("1323"));
     // console.log(predictTeamScore(
     // [
@@ -107,7 +109,8 @@ export const fetchDataAndProcess = async () => {
         teamAverageMap: teamAverageMap,
         rawDataMap: rawDataMap,
         rankingTable: rankingTable,
-        maxMin: maxMin
+        maxMin: maxMin,
+        maxMinOfAverages: maxMinOfAverages
     };
 };
 
@@ -230,6 +233,18 @@ function getMaxMin(data) {
     return sol;
 }
 
+function getMaxMinOfAverages() {
+    let arr = [];
+    console.log(teamAverageMap);
+    let keys = Array.from(teamAverageMap.keys());
+    console.log(keys);
+    arr.push(teamAverageMap.get(keys[0])[0]);
+    for (let i = 0; i < keys.length; i++) {
+        arr.push(getTeamAverage(keys[i])[1]);
+    } 
+    console.log(arr);
+    return getMaxMin(arr);
+}
 
 
 

src/Data.js

@@ -1,3 +1,10 @@
+.bar-chart {
+    width: 100%;
+    height: 400;
+    display: flex;
+    justify-content: center;
+}
+
 .search-bar-compare {
     position: absolute;
     left: 0;