From 9b7f6c15ac0ac2aec5fb229333f7f96643db1802 Mon Sep 17 00:00:00 2001
From: ryansurf <ryanfrederich@gmail.com>
Date: Sat, 25 May 2024 00:02:36 -0700
Subject: [PATCH] removed graph

---
 src/frontend/index.html |  3 --
 src/frontend/script.js  | 82 +----------------------------------------
 2 files changed, 1 insertion(+), 84 deletions(-)

diff --git a/src/frontend/index.html b/src/frontend/index.html
index 28007d7..ccf67bb 100644
--- a/src/frontend/index.html
+++ b/src/frontend/index.html
@@ -73,9 +73,6 @@
       <div class="flex flex-col h-[50vh] max-w-xl min-w-96">
         <div id="serverResponse" class="text-white flex flex-row justify-center pb-8">
         </div>
-        <div id="plot">
-          <div id="chartDiv" style="margin:0 auto;"></div>
-        </div>
       </div>
     </div>
     <script src="script.js"></script>
diff --git a/src/frontend/script.js b/src/frontend/script.js
index 853c4fe..a1c62cc 100644
--- a/src/frontend/script.js
+++ b/src/frontend/script.js
@@ -66,86 +66,6 @@ document.addEventListener("submit", function() {
                 console.error('Error fetching data:', error);
             });
     }
-    function getPlotData() {
-        // Clear arrays before fetching new data
-        // Make the HTTP GET request
-        // Get the value of the location input field
-        var location = document.getElementById("curlInput").value;
-        fetch(`http://${ipAddress}:${port}?args=fc=7,=location=${encodeURIComponent(location)}`)
-            .then(response => response.text())
-            .then(data => {
-                // Parse the response text to extract the desired information
-                var lines = data.split('\n'); // Split the response into lines
-                let dates = []; // Initialize an empty array for dates
-                let heights = []; // Initialize an empty array for wave heights
-                let periods = []; // Initialize an empty array for wave periods
-                // Loop through each line and extract relevant information
-                lines.forEach(line => {
-                    if (line.startsWith('Date')) {
-                        var fullDate = line.split(':')[1].trim();
-                        var date = fullDate.split(' ')[0]; // Extract the date part only
-                        dates.push(date);
-                    } else if (line.startsWith('Wave Height')) {
-                        var height = parseFloat(line.split(':')[1].trim());
-                        heights.push(height);
-                    } else if (line.startsWith('Wave Period')) {
-                        var period = parseFloat(line.split(':')[1].trim());
-                        periods.push(period);
-                    }
-                });
-                // Log the arrays to verify
-                console.log('Dates:', dates);
-                console.log('Wave Heights:', heights);
-                console.log('Wave Periods:', periods);
-                plot_graph(dates, heights, periods);
-            })
-            .catch(error => {
-                console.error('Error fetching data:', error);
-            });
-    }
-
     // Call the function to fetch data and update HTML content when the form is submitted
     fetchDataAndUpdateHTML();
-    getPlotData();
-});
-
-function plot_graph(dates, heights, periods) {
-    var heightPoints = dates.map((date, index) => [date, heights[index]]);
-    var periodPoints = dates.map((date, index) => [date, periods[index]]);
-  
-    var chart = JSC.chart('chartDiv', { 
-      debug: true, 
-      type: 'line', 
-      legend_visible: false, 
-      xAxis: { 
-        crosshair_enabled: true, 
-        scale: { type: 'time' } 
-      }, 
-      yAxis: { 
-        orientation: 'opposite', 
-        formatString: 'n2'
-      }, 
-      defaultSeries: { 
-        firstPoint_label_text: '<b>%seriesName</b>', 
-        defaultPoint_marker: { 
-          type: 'circle', 
-          size: 8, 
-          fill: 'white', 
-          outline: { width: 2, color: 'currentColor' } 
-        } 
-      }, 
-      title_label_text: 'Surf Heights and Periods', 
-      series: [ 
-        { 
-          name: 'Heights', 
-          points: heightPoints
-        }, 
-        { 
-          name: 'Periods', 
-          points: periodPoints
-        } 
-      ] 
-    }); 
-
-  }
-  
\ No newline at end of file
+});
\ No newline at end of file