appChart.js 7.7 KB
Newer Older
Pithon Kabiro's avatar
Pithon Kabiro committed
1
"use strict";
Pithon Kabiro's avatar
Pithon Kabiro committed
2

3
import { BASE_URL, QUERY_PARAMS_COMBINED } from "./src_modules/createUrl.js";
4

5
6
7
8
import {
  formatSensorThingsApiResponseForLineChart,
  drawLineChartHighcharts,
} from "./src_modules/chartLine.js";
Pithon Kabiro's avatar
Pithon Kabiro committed
9

10
11
12
13
import {
  formatSensorThingsApiResponseForHeatMap,
  drawHeatMapHighcharts,
} from "./src_modules/chartHeatmap.js";
Pithon Kabiro's avatar
Pithon Kabiro committed
14

15
16
17
18
import {
  formatSensorThingsApiResponseForScatterPlot,
  drawScatterPlotHighcharts,
} from "./src_modules/chartScatterPlot.js";
Pithon Kabiro's avatar
Pithon Kabiro committed
19

Pithon Kabiro's avatar
Pithon Kabiro committed
20
21
22
23
24
import {
  formatAggregationResultForColumnChart,
  drawColumnChartHighcharts,
} from "./src_modules/chartColumn.js";

25
26
import {
  formatDatastreamMetadataForChart,
Pithon Kabiro's avatar
Pithon Kabiro committed
27
  extractPropertiesFromFormattedDatastreamMetadata,
28
29
30
  getMetadataPlusObservationsFromSingleOrMultipleDatastreams,
  calculateVorlaufMinusRuecklaufTemperature,
} from "./src_modules/fetchData.js";
Pithon Kabiro's avatar
Pithon Kabiro committed
31

32
33
34
35
36
37
import {
  calculateSumOfObservationValuesWithinDatesInterval,
  calculateSumOfObservationValuesWithinMonthInterval,
  extractUniqueCalendarDatesFromTimestamp,
  extractUniqueCalendarMonthsFromCalendarDates,
} from "./src_modules/aggregate.js";
Pithon Kabiro's avatar
Pithon Kabiro committed
38
39
40
41
42

/**
 * Test plotting of temp difference (dT) using heatmap
 */
const drawHeatmapHCUsingTempDifference = async function () {
Pithon Kabiro's avatar
Pithon Kabiro committed
43
  const [observationsTemperatureDiff225Arr, metadataTemperatureDiff225Arr] =
44
45
46
47
48
49
    await calculateVorlaufMinusRuecklaufTemperature(
      BASE_URL,
      QUERY_PARAMS_COMBINED,
      "225",
      "60min"
    );
Pithon Kabiro's avatar
Pithon Kabiro committed
50

Pithon Kabiro's avatar
Pithon Kabiro committed
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
  // We want to have nested arrays, so as to mimick the nested responses we get from fetching observations + metadata
  const observationsTemperatureDiff225NestedArr = [
    observationsTemperatureDiff225Arr,
  ];

  const metadataTemperatureDiff225NestedArr = [metadataTemperatureDiff225Arr];

  // Format the observations
  const formattedTempDiff225NestedArr =
    observationsTemperatureDiff225NestedArr.map((obsArr) =>
      formatSensorThingsApiResponseForHeatMap(obsArr)
    );

  // Format the metadata
  const formattedTempDiff225MetadataNestedArr =
    metadataTemperatureDiff225NestedArr.map((metadataObj) =>
      formatDatastreamMetadataForChart(metadataObj)
    );

  // Extract the formatted metadata properties
  const extractedFormattedTempDiff225Properties =
    extractPropertiesFromFormattedDatastreamMetadata(
      formattedTempDiff225MetadataNestedArr
    );

  // First need to extract the formatted observations from the nested array
  // Heatmap only needs one set of formatted observation values
78
  drawHeatMapHighcharts(
Pithon Kabiro's avatar
Pithon Kabiro committed
79
80
    ...formattedTempDiff225NestedArr,
    extractedFormattedTempDiff225Properties
Pithon Kabiro's avatar
Pithon Kabiro committed
81
82
83
  );
};

84
85
86
/**
 * Test drawing of scatter plot chart
 */
87
const drawScatterPlotHCTest2 = async function () {
Pithon Kabiro's avatar
Pithon Kabiro committed
88
  const sensorsOfInterestNestedArr = [
89
    ["225", "vl", "60min"],
90
91
    // ["125", "rl", "60min"],
    ["weather_station_521", "outside_temp", "60min"],
92
93
94
  ];

  const observationsPlusMetadata =
95
96
97
    await getMetadataPlusObservationsFromSingleOrMultipleDatastreams(
      BASE_URL,
      QUERY_PARAMS_COMBINED,
Pithon Kabiro's avatar
Pithon Kabiro committed
98
      sensorsOfInterestNestedArr
99
100
    );

101
  // Extract the combined arrays for observations and metadata
Pithon Kabiro's avatar
Pithon Kabiro committed
102
  const [observationsNestedArr, metadataNestedArr] = observationsPlusMetadata;
103
104
105

  // Create formatted array(s) for observations
  // This function expects two arguments, these are unpacked using the spread operator
Pithon Kabiro's avatar
Pithon Kabiro committed
106
107
108
  const formattedObservationsArr = formatSensorThingsApiResponseForScatterPlot(
    ...observationsNestedArr
  );
109
110

  // Create formatted array(s) for metadata
Pithon Kabiro's avatar
Pithon Kabiro committed
111
112
  const formattedMetadataNestedArr = metadataNestedArr.map((metadataObj) =>
    formatDatastreamMetadataForChart(metadataObj)
113
  );
114

Pithon Kabiro's avatar
Pithon Kabiro committed
115
116
117
118
119
120
  // Extract the formatted metadata properties
  const extractedFormattedDatastreamProperties =
    extractPropertiesFromFormattedDatastreamMetadata(
      formattedMetadataNestedArr
    );

121
  drawScatterPlotHighcharts(
Pithon Kabiro's avatar
Pithon Kabiro committed
122
123
    formattedObservationsArr,
    extractedFormattedDatastreamProperties
124
125
126
127
128
129
130
  );
};

/**
 * Test drawing of line chart with multiple series
 */
const testLineChartMultipleSeries = async function () {
Pithon Kabiro's avatar
Pithon Kabiro committed
131
  const sensorsOfInterestNestedArr = [
132
133
134
135
136
    ["225", "vl", "60min"],
    ["125", "rl", "60min"],
    ["weather_station_521", "outside_temp", "60min"],
  ];

Pithon Kabiro's avatar
Pithon Kabiro committed
137
  const observationsPlusMetadataArr =
138
139
140
    await getMetadataPlusObservationsFromSingleOrMultipleDatastreams(
      BASE_URL,
      QUERY_PARAMS_COMBINED,
Pithon Kabiro's avatar
Pithon Kabiro committed
141
      sensorsOfInterestNestedArr
142
143
    );

Pithon Kabiro's avatar
Pithon Kabiro committed
144
145
146
  // Extract the observations and metadata arrays of arrays
  const [observationsNestedArr, metadataNestedArr] =
    observationsPlusMetadataArr;
147

Pithon Kabiro's avatar
Pithon Kabiro committed
148
149
150
151
  // Format the observations
  const formattedObservationsNestedArr = observationsNestedArr.map(
    (observationsArr) =>
      formatSensorThingsApiResponseForLineChart(observationsArr)
152
  );
153

Pithon Kabiro's avatar
Pithon Kabiro committed
154
155
156
  // Format the metadata
  const formattedMetadataNestedArr = metadataNestedArr.map((metadataArr) =>
    formatDatastreamMetadataForChart(metadataArr)
157
158
  );

Pithon Kabiro's avatar
Pithon Kabiro committed
159
160
161
162
163
164
165
166
167
168
  // Extract the formatted metadata properties
  const extractedFormattedDatastreamProperties =
    extractPropertiesFromFormattedDatastreamMetadata(
      formattedMetadataNestedArr
    );

  drawLineChartHighcharts(
    formattedObservationsNestedArr,
    extractedFormattedDatastreamProperties
  );
169
170
};

171
/**
Pithon Kabiro's avatar
Pithon Kabiro committed
172
 * Test drawing of column chart using aggregation result
173
 */
Pithon Kabiro's avatar
Pithon Kabiro committed
174
175
176
177
178
const drawColumnChartMonthlySumTest = async function () {
  const sensorsOfInterestNestedArr = [
    ["125", "vl", "60min"],
    ["225", "vl", "60min"],
  ];
179
180
181
182
183

  const observationsPlusMetadata =
    await getMetadataPlusObservationsFromSingleOrMultipleDatastreams(
      BASE_URL,
      QUERY_PARAMS_COMBINED,
Pithon Kabiro's avatar
Pithon Kabiro committed
184
      sensorsOfInterestNestedArr
185
186
187
188
    );

  // Extract the observations and metadata for each sensor
  // Array elements in same order as input array
Pithon Kabiro's avatar
Pithon Kabiro committed
189
  const [observationsNestedArr, metadataNestedArr] = observationsPlusMetadata;
190
191

  // Unique calendar dates
Pithon Kabiro's avatar
Pithon Kabiro committed
192
193
194
195
  const uniqueCalendarDatesNestedArr = observationsNestedArr.map(
    (observationsArr) =>
      extractUniqueCalendarDatesFromTimestamp(observationsArr)
  );
196
197

  // Unique calendar months
Pithon Kabiro's avatar
Pithon Kabiro committed
198
199
200
201
  const uniqueCalendarMonthsNestedArr = uniqueCalendarDatesNestedArr.map(
    (uniqueCalendarDatesArr) =>
      extractUniqueCalendarMonthsFromCalendarDates(uniqueCalendarDatesArr)
  );
202
203

  // Calculate sum of values of observations - daily
Pithon Kabiro's avatar
Pithon Kabiro committed
204
205
206
207
208
209
210
211
212
213
214
  // Note the two nested `map` methods
  const observationsSumDailyNestedArr = uniqueCalendarDatesNestedArr.map(
    (uniqueCalendarDatesArr, i) =>
      uniqueCalendarDatesArr.map((uniqueCalendarDate) =>
        calculateSumOfObservationValuesWithinDatesInterval(
          observationsNestedArr[i],
          "60 min",
          uniqueCalendarDate,
          uniqueCalendarDate
        )
      )
215
216
217
  );

  // Calculate sum of values of observations - monthly
Pithon Kabiro's avatar
Pithon Kabiro committed
218
219
220
221
222
223
224
225
226
  // Note the two nested `map` methods
  const observationsSumMonthlyNestedArr = uniqueCalendarMonthsNestedArr.map(
    (uniqueCalendarMonthsArr, i) =>
      uniqueCalendarMonthsArr.map((uniqueCalendarMonth) =>
        calculateSumOfObservationValuesWithinMonthInterval(
          observationsNestedArr[i],
          "60 min",
          uniqueCalendarMonth
        )
227
228
229
      )
  );

Pithon Kabiro's avatar
Pithon Kabiro committed
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
  // Format the observations
  const formattedObservationsNestedArr = observationsSumMonthlyNestedArr.map(
    (obsSumMonthlyArr, i) =>
      formatAggregationResultForColumnChart(
        uniqueCalendarMonthsNestedArr[i],
        obsSumMonthlyArr
      )
  );

  // Format the metadata
  const formattedMetadataNestedArr = metadataNestedArr.map((metadataObj) =>
    formatDatastreamMetadataForChart(metadataObj)
  );

  // Extract the formatted metadata properties
  const extractedFormattedDatastreamProperties =
    extractPropertiesFromFormattedDatastreamMetadata(
      formattedMetadataNestedArr
    );

  drawColumnChartHighcharts(
    formattedObservationsNestedArr,
    extractedFormattedDatastreamProperties
  );
254
255
};

256
257
// drawScatterPlotHCTest2();
// drawHeatmapHCUsingTempDifference();
Pithon Kabiro's avatar
Pithon Kabiro committed
258
259
// testLineChartMultipleSeries();
// drawColumnChartMonthlySumTest();