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

3
4
5
6
import {
  BASE_URL,
  QUERY_PARAMS_COMBINED,
} from "./src_modules/baseUrlPlusQueryParams.mjs";
7

8
9
10
import {
  formatSensorThingsApiResponseForLineChart,
  drawLineChartHighcharts,
11
} from "./src_modules/chartLine.mjs";
Pithon Kabiro's avatar
Pithon Kabiro committed
12

13
14
15
import {
  formatSensorThingsApiResponseForHeatMap,
  drawHeatMapHighcharts,
16
} from "./src_modules/chartHeatmap.mjs";
Pithon Kabiro's avatar
Pithon Kabiro committed
17

18
19
20
import {
  formatSensorThingsApiResponseForScatterPlot,
  drawScatterPlotHighcharts,
21
} from "./src_modules/chartScatterPlot.mjs";
Pithon Kabiro's avatar
Pithon Kabiro committed
22

Pithon Kabiro's avatar
Pithon Kabiro committed
23
24
25
import {
  formatAggregationResultForColumnChart,
  drawColumnChartHighcharts,
26
} from "./src_modules/chartColumn.mjs";
Pithon Kabiro's avatar
Pithon Kabiro committed
27

28
29
import {
  formatDatastreamMetadataForChart,
Pithon Kabiro's avatar
Pithon Kabiro committed
30
  extractPropertiesFromFormattedDatastreamMetadata,
31
  getMetadataPlusObservationsFromSingleOrMultipleDatastreams,
32
33
34
} from "./src_modules/fetchData.mjs";

import { calculateVorlaufMinusRuecklaufTemperature } from "./src_modules/calculateTemperatureDiff.mjs";
Pithon Kabiro's avatar
Pithon Kabiro committed
35

36
import {
37
  calculateSumOfObservationValuesWithinInterval,
38
39
  extractUniqueCalendarDatesFromTimestamp,
  extractUniqueCalendarMonthsFromCalendarDates,
40
41
  calculateAverageOfObservationValuesWithinInterval,
} from "./src_modules/aggregate.mjs";
Pithon Kabiro's avatar
Pithon Kabiro committed
42
43
44
45
46

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

Pithon Kabiro's avatar
Pithon Kabiro committed
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
  // 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
82
  drawHeatMapHighcharts(
Pithon Kabiro's avatar
Pithon Kabiro committed
83
84
    ...formattedTempDiff225NestedArr,
    extractedFormattedTempDiff225Properties
Pithon Kabiro's avatar
Pithon Kabiro committed
85
86
87
  );
};

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

  const observationsPlusMetadata =
99
100
101
    await getMetadataPlusObservationsFromSingleOrMultipleDatastreams(
      BASE_URL,
      QUERY_PARAMS_COMBINED,
Pithon Kabiro's avatar
Pithon Kabiro committed
102
      sensorsOfInterestNestedArr
103
104
    );

105
  // Extract the combined arrays for observations and metadata
Pithon Kabiro's avatar
Pithon Kabiro committed
106
  const [observationsNestedArr, metadataNestedArr] = observationsPlusMetadata;
107
108
109

  // 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
110
111
112
  const formattedObservationsArr = formatSensorThingsApiResponseForScatterPlot(
    ...observationsNestedArr
  );
113
114

  // Create formatted array(s) for metadata
Pithon Kabiro's avatar
Pithon Kabiro committed
115
116
  const formattedMetadataNestedArr = metadataNestedArr.map((metadataObj) =>
    formatDatastreamMetadataForChart(metadataObj)
117
  );
118

Pithon Kabiro's avatar
Pithon Kabiro committed
119
120
121
122
123
124
  // Extract the formatted metadata properties
  const extractedFormattedDatastreamProperties =
    extractPropertiesFromFormattedDatastreamMetadata(
      formattedMetadataNestedArr
    );

125
  drawScatterPlotHighcharts(
Pithon Kabiro's avatar
Pithon Kabiro committed
126
127
    formattedObservationsArr,
    extractedFormattedDatastreamProperties
128
129
130
131
132
133
134
  );
};

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

Pithon Kabiro's avatar
Pithon Kabiro committed
141
  const observationsPlusMetadataArr =
142
143
144
    await getMetadataPlusObservationsFromSingleOrMultipleDatastreams(
      BASE_URL,
      QUERY_PARAMS_COMBINED,
Pithon Kabiro's avatar
Pithon Kabiro committed
145
      sensorsOfInterestNestedArr
146
147
    );

Pithon Kabiro's avatar
Pithon Kabiro committed
148
149
150
  // Extract the observations and metadata arrays of arrays
  const [observationsNestedArr, metadataNestedArr] =
    observationsPlusMetadataArr;
151

Pithon Kabiro's avatar
Pithon Kabiro committed
152
153
154
155
  // Format the observations
  const formattedObservationsNestedArr = observationsNestedArr.map(
    (observationsArr) =>
      formatSensorThingsApiResponseForLineChart(observationsArr)
156
  );
157

Pithon Kabiro's avatar
Pithon Kabiro committed
158
159
160
  // Format the metadata
  const formattedMetadataNestedArr = metadataNestedArr.map((metadataArr) =>
    formatDatastreamMetadataForChart(metadataArr)
161
162
  );

Pithon Kabiro's avatar
Pithon Kabiro committed
163
164
165
166
167
168
169
170
171
172
  // Extract the formatted metadata properties
  const extractedFormattedDatastreamProperties =
    extractPropertiesFromFormattedDatastreamMetadata(
      formattedMetadataNestedArr
    );

  drawLineChartHighcharts(
    formattedObservationsNestedArr,
    extractedFormattedDatastreamProperties
  );
173
174
};

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

  const observationsPlusMetadata =
    await getMetadataPlusObservationsFromSingleOrMultipleDatastreams(
      BASE_URL,
      QUERY_PARAMS_COMBINED,
Pithon Kabiro's avatar
Pithon Kabiro committed
188
      sensorsOfInterestNestedArr
189
190
191
192
    );

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

  // Unique calendar dates
Pithon Kabiro's avatar
Pithon Kabiro committed
196
197
198
199
  const uniqueCalendarDatesNestedArr = observationsNestedArr.map(
    (observationsArr) =>
      extractUniqueCalendarDatesFromTimestamp(observationsArr)
  );
200
201

  // Unique calendar months
Pithon Kabiro's avatar
Pithon Kabiro committed
202
203
204
205
  const uniqueCalendarMonthsNestedArr = uniqueCalendarDatesNestedArr.map(
    (uniqueCalendarDatesArr) =>
      extractUniqueCalendarMonthsFromCalendarDates(uniqueCalendarDatesArr)
  );
206

207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
  // Calculate sum of values of observations - monthly
  const observationsSumMonthlyNestedArr =
    calculateSumOfObservationValuesWithinInterval(
      observationsNestedArr,
      "60min",
      uniqueCalendarMonthsNestedArr,
      "monthly"
    );

  // Format the observations
  const formattedObservationsSumMonthlyNestedArr =
    observationsSumMonthlyNestedArr.map((obsSumMonthlyArr, i) =>
      formatAggregationResultForColumnChart(
        uniqueCalendarMonthsNestedArr[i],
        obsSumMonthlyArr
Pithon Kabiro's avatar
Pithon Kabiro committed
222
      )
223
224
225
226
227
    );

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

230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
  // Extract the formatted metadata properties
  const extractedFormattedDatastreamProperties =
    extractPropertiesFromFormattedDatastreamMetadata(
      formattedMetadataNestedArr
    );

  drawColumnChartHighcharts(
    formattedObservationsSumMonthlyNestedArr,
    extractedFormattedDatastreamProperties
  );
};

/**
 * Test drawing of column chart using aggregation / sum result - daily
 */
const drawColumnChartDailySumTest = async function () {
  const sensorsOfInterestNestedArr = [
    ["125", "vl", "60min"],
    ["225", "vl", "60min"],
  ];

  const observationsPlusMetadata =
    await getMetadataPlusObservationsFromSingleOrMultipleDatastreams(
      BASE_URL,
      QUERY_PARAMS_COMBINED,
      sensorsOfInterestNestedArr
    );

  // Extract the observations and metadata for each sensor
  // Array elements in same order as input array
  const [observationsNestedArr, metadataNestedArr] = observationsPlusMetadata;

  // Unique calendar dates
  const uniqueCalendarDatesNestedArr = observationsNestedArr.map(
    (observationsArr) =>
      extractUniqueCalendarDatesFromTimestamp(observationsArr)
  );

  // Calculate sum of values of observations - daily
  const observationsSumDailyNestedArr =
    calculateSumOfObservationValuesWithinInterval(
      observationsNestedArr,
      "60min",
      uniqueCalendarDatesNestedArr,
      "daily"
    );

  // Format the observations - daily
  const formattedObservationsSumDailyNestedArr =
    observationsSumDailyNestedArr.map((obsSumDailyArr, i) =>
      formatAggregationResultForColumnChart(
        uniqueCalendarDatesNestedArr[i],
        obsSumDailyArr
283
      )
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
    );

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

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

  drawColumnChartHighcharts(
    formattedObservationsSumDailyNestedArr,
    extractedFormattedDatastreamProperties
  );
};

/**
 * Test drawing of line chart using aggregation / average result - monthly
 */
const drawLineChartMonthlyAverageTest = async function () {
  const sensorsOfInterestNestedArr = [
    ["125", "vl", "60min"],
    ["225", "vl", "60min"],
  ];

  const observationsPlusMetadata =
    await getMetadataPlusObservationsFromSingleOrMultipleDatastreams(
      BASE_URL,
      QUERY_PARAMS_COMBINED,
      sensorsOfInterestNestedArr
    );

  // Extract the observations and metadata for each sensor
  // Array elements in same order as input array
  const [observationsNestedArr, metadataNestedArr] = observationsPlusMetadata;

  // Unique calendar dates
  const uniqueCalendarDatesNestedArr = observationsNestedArr.map(
    (observationsArr) =>
      extractUniqueCalendarDatesFromTimestamp(observationsArr)
327
328
  );

329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
  // Unique calendar months
  const uniqueCalendarMonthsNestedArr = uniqueCalendarDatesNestedArr.map(
    (uniqueCalendarDatesArr) =>
      extractUniqueCalendarMonthsFromCalendarDates(uniqueCalendarDatesArr)
  );

  // Calculate average of values of observations - monthly
  const observationsAverageMonthlyNestedArr =
    calculateAverageOfObservationValuesWithinInterval(
      observationsNestedArr,
      "60min",
      uniqueCalendarMonthsNestedArr,
      "monthly"
    );

Pithon Kabiro's avatar
Pithon Kabiro committed
344
  // Format the observations
345
346
  const formattedObservationsAverageMonthlyNestedArr =
    observationsAverageMonthlyNestedArr.map((obsAverageMonthlyArr, i) =>
Pithon Kabiro's avatar
Pithon Kabiro committed
347
348
      formatAggregationResultForColumnChart(
        uniqueCalendarMonthsNestedArr[i],
349
        obsAverageMonthlyArr
Pithon Kabiro's avatar
Pithon Kabiro committed
350
      )
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
    );

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

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

  drawLineChartHighcharts(
    formattedObservationsAverageMonthlyNestedArr,
    extractedFormattedDatastreamProperties
  );
};

/**
 * Test drawing of line chart using aggregation / average result - daily
 */
const drawLineChartDailyAverageTest = async function () {
  const sensorsOfInterestNestedArr = [
    ["125", "vl", "60min"],
    ["225", "vl", "60min"],
  ];

  const observationsPlusMetadata =
    await getMetadataPlusObservationsFromSingleOrMultipleDatastreams(
      BASE_URL,
      QUERY_PARAMS_COMBINED,
      sensorsOfInterestNestedArr
    );

  // Extract the observations and metadata for each sensor
  // Array elements in same order as input array
  const [observationsNestedArr, metadataNestedArr] = observationsPlusMetadata;

  // Unique calendar dates
  const uniqueCalendarDatesNestedArr = observationsNestedArr.map(
    (observationsArr) =>
      extractUniqueCalendarDatesFromTimestamp(observationsArr)
Pithon Kabiro's avatar
Pithon Kabiro committed
394
395
  );

396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
  // Calculate average of values of observations - daily
  const observationsAverageDailyNestedArr =
    calculateAverageOfObservationValuesWithinInterval(
      observationsNestedArr,
      "60min",
      uniqueCalendarDatesNestedArr,
      "daily"
    );

  // Format the observations - daily
  const formattedObservationsAverageDailyNestedArr =
    observationsAverageDailyNestedArr.map((obsAverageDailyArr, i) =>
      formatAggregationResultForColumnChart(
        uniqueCalendarDatesNestedArr[i],
        obsAverageDailyArr
      )
    );

Pithon Kabiro's avatar
Pithon Kabiro committed
414
415
416
417
418
419
420
421
422
423
424
  // Format the metadata
  const formattedMetadataNestedArr = metadataNestedArr.map((metadataObj) =>
    formatDatastreamMetadataForChart(metadataObj)
  );

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

425
426
  drawLineChartHighcharts(
    formattedObservationsAverageDailyNestedArr,
Pithon Kabiro's avatar
Pithon Kabiro committed
427
428
    extractedFormattedDatastreamProperties
  );
429
430
};

431
432
// drawScatterPlotHCTest2();
// drawHeatmapHCUsingTempDifference();
Pithon Kabiro's avatar
Pithon Kabiro committed
433
434
// testLineChartMultipleSeries();
// drawColumnChartMonthlySumTest();
435
436
437
// drawColumnChartDailySumTest();
// drawLineChartMonthlyAverageTest();
// drawLineChartDailyAverageTest();