Change end date to November 2024

Author: digi-jules

frontend/src/components/CorrelationGraphs/TemperatureNdviBarAndLine.vue

@@ -22,7 +22,7 @@ export default {
     const temperatureData = ref(null)
     const ndviData = ref(null)
     const startDate = ref(1514761200) // 2018-01-01
-    const endDate = ref(1704063599) // 2023-12-31
+    const endDate = ref(1733007599) // 2024-11-30
     const temporalResolution = ref("Monthly") // options: "Daily", "Monthly"
     const aggregation = ref("Mean") // options: "Mean", "Median", "Max", "Min"
 
@@ -92,7 +92,7 @@ export default {
         };
 
         const layout = {
-          title: 'NDVI vs. Monthly Temperature for Tempelhofer Feld (2018-2023)',
+          title: 'NDVI vs. Monthly Temperature for Tempelhofer Feld (2018-2024)',
           xaxis: { title: 'Date', type: 'date', rangeslider: { visible: true } },
           yaxis: { title: 'Temperature (°C)' },
           yaxis2: {

frontend/src/components/MainSection.vue

@@ -2,17 +2,18 @@
   <v-container class="main-section" fluid>
     <TemperatureNdviBarAndLine />
     <TemperatureNdviScatter />
-    <Images />
+    <TempDifferenceGraph />
+    <SoilTempDifferenceGraph />
+    <NdviDifferenceGraph />
+    <NdviOverlayGraph />
+    <!-- <Images />
     <NdviComparisonGraph />
     <NdviSelectMonthGraph />
-    <NdviOverlayGraph />
     <MedianTempGraph />
     <MeanSoilTempGraph />
     <MeanSoilMoistureGraph />
     <AugustMeanSoilTempGraph />
-    <SelectMonthMeanSoilTempGraph />
-    <TempDifferenceGraph />
-    <SoilTempDifferenceGraph />
+    <SelectMonthMeanSoilTempGraph /> -->
   </v-container>
 </template>
 
@@ -30,6 +31,7 @@ import TemperatureNdviBarAndLine from "./CorrelationGraphs/TemperatureNdviBarAnd
 import TemperatureNdviScatter from "./CorrelationGraphs/TemperatureNdviScatter.vue"
 import TempDifferenceGraph from "./WeatherGraphs/TempDifferenceGraph.vue"
 import SoilTempDifferenceGraph from "./WeatherGraphs/SoilTempDifferenceGraph.vue"
+import NdviDifferenceGraph from "./NdviGraphs/NdviDifferenceGraph.vue"
 
 export default {
   name: 'MainSection',
@@ -46,7 +48,8 @@ export default {
     TempDifferenceGraph,
     SoilTempDifferenceGraph,
     TemperatureNdviBarAndLine,
-    TemperatureNdviScatter
+    TemperatureNdviScatter,
+    NdviDifferenceGraph
   }
 }
 </script>

frontend/src/components/NdviGraphs/NdviOverlayGraph.vue

@@ -1,6 +1,6 @@
 <template>
     <v-container>
-      <h2 class="pb-4">NDVI Year Overlay (2018-2023)</h2>
+      <h2 class="pb-4">NDVI Year Overlay (2018-2024)</h2>
       <v-row>
         <div 
           id="plotlyGraphNdviOverlay" 
@@ -21,8 +21,8 @@
     setup() {
       const ndviData = ref(null)
       const startDate = ref(1514761200) // 2018-01-01
-      const endDate = ref(1704063599) // 2023-12-31
-      const years = [2018, 2019, 2020, 2021, 2022, 2023]
+      const endDate = ref(1733007599) // 2024-11-30
+      const years = [2018, 2019, 2020, 2021, 2022, 2023, 2024]
   
       const fetchNdviData = async (params) => {
         const apiUrl = 'https://thf-climate-run-1020174331409.europe-west3.run.app/index/ndvi'