Update interval delay and refactor liveGraph creation

web/main.js

@@ -1,13 +1,13 @@
 const sensorData = {};
-let intervalDelay = 1000;
+let intervalDelay = 5000;
 // Create WebSocket connection.
 const socket = new WebSocket("ws://145.92.8.114/ws");
+let liveGraphs = [];
 
 function openConnection() {
   // Open connection
   socket.addEventListener("open", (event) => {
     console.log("Connected to the WebSocket server");
-    socket.send("Hello Server!");
   });
 
   // Error handling
@@ -35,14 +35,11 @@ function openConnection() {
     // Attempt to reconnect
     setTimeout(openConnection, 1000); // Retry after 1 second
   });
-  console.log("Connected to the WebSocket server!!!!!!!!");
+  console.log("Connected to the WebSocket server");
 }
 
-// Open the connection
 openConnection();
 
-
-
 function handleIncomingData(data) {
   nodeNumber = data.node;
   temperature = data.Temp;
@@ -80,16 +77,7 @@ function processNodeData(nodeNumber, temperature, humidity, CO2, TVOC) {
   }
 }
 
-
-
-function pushArray(array) {
-  for (let i = 0; i < 10; i++) {
-    array.push(Math.random() * 10);
-  }
-}
-
 //function for making the html elements for the following html code
-
 function nodeData(data, node) {
   let nodeData = document.createElement("div");
   nodeData.innerHTML = data;
@@ -198,9 +186,9 @@ function updateNodeData(node, temperature, humidity, eCO2, TVOC) {
   document.getElementById("CO2Status").textContent = "Connected";
   document.getElementById("TVOCStatus").textContent = "Connected";
 
-  // Update the graph`
-  graphNode1.updateData(temperature, humidity, eCO2, TVOC);
-  graphNode1.updateGraph();
+  // Update the graph
+  liveGraphs[node - 1].updateData();
+  liveGraphs[node - 1].updateGraph();
 }
 
 // Call the function to create the HTML structure
@@ -210,11 +198,11 @@ createNodeData(3);
 createNodeData(4);
 
 // Create a new liveGraph object
-let graphNode1 = new liveGraph(1);
+liveGraphs.push(new liveGraph(1));
 
-graphNode1.makeGraph();
+// make the graphs
+liveGraphs.forEach((graph) => {
+  graph.makeGraph();
+}
+);
 
-let graphNode2 = new liveGraph(2);
-
-graphNode2.makeGraph();
-// openConnection();