This repository has been archived by the owner on Aug 25, 2021. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathdata.html
733 lines (552 loc) · 38.7 KB
/
data.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
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
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
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
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
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
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
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
<!DOCTYPE html>
<html lang="en">
<head>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-150447750-2"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-150447750-2');
</script>
<meta charset="utf-8" />
<title >covid19-data-quebec</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<script src="https://www.chartjs.org/dist/2.7.2/Chart.bundle.js"></script>
<script src="https://www.chartjs.org/samples/latest/utils.js"></script>
</head>
<body style="background-color: #eeeeee">
<!-- Main navigation bar -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<a class="navbar-brand" style="color: #ffffff;">covid19-data-quebec</a>
<a class="nav-link" href="https://pboardman.github.io/covid19-data-quebec/">Project info / API</a>
</nav>
<div class="row">
<div class="col-6">
<canvas id="canvasRegion"></canvas>
</div>
<div class="col-6">
<canvas id="canvasTotal"></canvas>
</div>
</div>
<div class="row">
<div class="col-6">
<canvas id="canvasHosp"></canvas>
</div>
<div class="col-6">
<canvas id="canvasMontreal"></canvas>
</div>
</div>
</body>
<script>
var color = Chart.helpers.color;
var barChartDataRegion = {
labels: ['2020-03-13', '2020-03-14', '2020-03-15', '2020-03-16', '2020-03-17', '2020-03-18', '2020-03-19', '2020-03-20', '2020-03-21', '2020-03-22', '2020-03-23', '2020-03-24', '2020-03-25', '2020-03-26', '2020-03-27', '2020-03-28', '2020-03-29', '2020-03-30', '2020-03-31', '2020-04-01', '2020-04-02', '2020-04-03', '2020-04-04', '2020-04-05', '2020-04-06', '2020-04-07', '2020-04-08', '2020-04-09', '2020-04-10', '2020-04-11', '2020-04-12', '2020-04-13', '2020-04-14', '2020-04-15', '2020-04-16', '2020-04-17', '2020-04-18', '2020-04-19', '2020-04-20', '2020-04-21', '2020-04-22', '2020-04-23', '2020-04-24', '2020-04-25', '2020-04-26', '2020-04-27', '2020-04-28', '2020-04-29', '2020-04-30', '2020-05-01', '2020-05-02', '2020-05-03', '2020-05-04', '2020-05-05', '2020-05-06', '2020-05-07', '2020-05-08', '2020-05-09', '2020-05-10', '2020-05-11', '2020-05-12', '2020-05-13', '2020-05-14', '2020-05-15', '2020-05-16', '2020-05-17', '2020-05-18'],
datasets: [
{
label: "Bas-Saint-Laurent",
backgroundColor: color("rgb(198,40,40)").alpha(0.5).rgbString(),
borderColor: "rgb(198,40,40)",
fill: false,
data: ['0', '0', '0', '0', '0', '0', '1', '1', '1', '1', '3', '4', '6', '6', '7', '8', '8', '11', '13', '18', '19', '24', '27', '27', '29', '30', '33', '33', '34', '34', '34', '34', '34', '34', '34', '34', '34', '34', '34', '34', '34', '34', '34', '36', '36', '37', '34', '34', '35', '35', '35', '36', '36', '36', '36', '36', '35', '36', '36', '36', '38', '40', '40', '42', '43', '43', '44']
},
{
label: "Saguenay-Lac-Saint-Jean",
backgroundColor: color("rgb(173,20,87)").alpha(0.5).rgbString(),
borderColor: "rgb(173,20,87)",
fill: false,
data: ['0', '0', '0', '0', '0', '0', '0', '0', '1', '1', '1', '5', '8', '11', '16', '18', '18', '24', '31', '32', '32', '44', '55', '79', '93', '103', '118', '123', '135', '142', '149', '161', '170', '175', '202', '204', '214', '226', '239', '244', '249', '257', '261', '266', '266', '273', '273', '272', '279', '281', '287', '290', '297', '298', '299', '299', '300', '301', '303', '304', '305', '307', '309', '310', '310', '311', '315']
},
{
label: "Capitale Nationale",
backgroundColor: color("rgb(106,27,154)").alpha(0.5).rgbString(),
borderColor: "rgb(106,27,154)",
fill: false,
data: ['0', '0', '2', '2', '3', '8', '10', '10', '13', '13', '33', '79', '95', '103', '106', '148', '164', '174', '213', '247', '270', '280', '309', '345', '357', '375', '392', '412', '427', '440', '444', '480', '511', '528', '551', '569', '586', '599', '615', '630', '647', '658', '682', '720', '762', '775', '789', '807', '835', '867', '890', '917', '938', '961', '986', '1008', '1027', '1073', '1095', '1120', '1137', '1155', '1170', '1188', '1206', '1226', '1253']
},
{
label: "Mauricie - Centre du Québec",
backgroundColor: color("rgb(69,39,160)").alpha(0.5).rgbString(),
borderColor: "rgb(69,39,160)",
fill: false,
data: ['1', '1', '3', '3', '3', '3', '3', '4', '5', '7', '16', '32', '35', '49', '69', '85', '122', '164', '215', '247', '318', '364', '431', '494', '549', '589', '614', '648', '673', '711', '739', '785', '830', '862', '891', '917', '947', '961', '989', '1015', '1046', '1086', '1111', '1107', '1127', '1155', '1176', '1219', '1239', '1285', '1303', '1332', '1362', '1392', '1412', '1450', '1494', '1537', '1558', '1588', '1607', '1625', '1657', '1685', '1714', '1738', '1755']
},
{
label: "Estrie",
backgroundColor: color("rgb(40,53,147)").alpha(0.5).rgbString(),
borderColor: "rgb(40,53,147)",
fill: false,
data: ['2', '3', '4', '3', '9', '18', '26', '26', '27', '30', '48', '130', '169', '187', '227', '253', '296', '329', '365', '379', '404', '450', '499', '518', '548', '570', '597', '620', '642', '661', '689', '704', '721', '738', '751', '763', '770', '778', '787', '794', '797', '803', '803', '813', '822', '826', '826', '827', '839', '846', '854', '859', '867', '869', '877', '885', '889', '894', '898', '901', '904', '907', '909', '909', '911', '917', '916']
},
{
label: "Montréal",
backgroundColor: color("rgb(21,101,192)").alpha(0.5).rgbString(),
borderColor: "rgb(21,101,192)",
fill: false,
data: ['7', '8', '10', '18', '22', '24', '28', '31', '41', '46', '265', '439', '603', '782', '971', '1219', '1361', '1612', '1991', '2097', '2642', '2837', '3261', '3713', '3977', '4407', '4775', '5262', '5617', '5861', '6088', '6393', '6628', '6830', '7281', '7760', '8052', '8458', '8964', '9348', '9856', '10375', '10897', '11161', '11621', '12034', '12487', '12811', '13324', '13979', '14599', '16251', '16606', '16991', '17442', '17918', '18435', '18855', '19197', '19492', '19878', '20232', '20633', '21038', '21410', '21717', '22028']
},
{
label: "Outaouais",
backgroundColor: color("rgb(2,119,189)").alpha(0.5).rgbString(),
borderColor: "rgb(2,119,189)",
fill: false,
data: ['0', '0', '0', '0', '0', '1', '1', '1', '3', '5', '8', '12', '13', '16', '18', '26', '28', '38', '50', '64', '75', '81', '85', '109', '117', '129', '130', '131', '141', '157', '169', '172', '180', '181', '191', '192', '202', '209', '214', '218', '218', '228', '235', '245', '251', '265', '269', '272', '273', '287', '292', '301', '303', '311', '317', '321', '325', '333', '336', '345', '353', '359', '365', '366', '380', '394', '403']
},
{
label: "Abitibi-Temiscamingue",
backgroundColor: color("rgb(0,131,143)").alpha(0.5).rgbString(),
borderColor: "rgb(0,131,143)",
fill: false,
data: ['0', '0', '0', '0', '0', '0', '0', '0', '0', '0', '3', '5', '5', '11', '18', '24', '27', '28', '34', '41', '47', '58', '76', '83', '101', '108', '111', '119', '130', '134', '137', '138', '138', '139', '140', '143', '143', '145', '147', '148', '148', '149', '149', '150', '150', '150', '149', '149', '150', '150', '149', '149', '149', '149', '150', '152', '153', '153', '156', '156', '156', '157', '158', '159', '161', '162', '162']
},
{
label: "Côte-Nord",
backgroundColor: color("rgb(0,105,92)").alpha(0.5).rgbString(),
borderColor: "rgb(0,105,92)",
fill: false,
data: ['0', '0', '0', '0', '0', '0', '0', '0', '0', '0', '0', '0', '2', '3', '6', '13', '17', '26', '30', '35', '42', '47', '49', '58', '68', '71', '75', '81', '84', '92', '92', '95', '96', '98', '101', '104', '107', '109', '110', '111', '112', '112', '112', '108', '108', '110', '114', '106', '113', '113', '113', '113', '113', '113', '113', '113', '113', '113', '113', '113', '113', '114', '115', '114', '114', '115', '114']
},
{
label: "Nord-du-Québec",
backgroundColor: color("rgb(46,125,50)").alpha(0.5).rgbString(),
borderColor: "rgb(46,125,50)",
fill: false,
data: ['0', '0', '0', '0', '0', '0', '0', '1', '1', '1', '1', '1', '1', '1', '1', '1', '1', '1', '1', '1', '1', '2', '2', '2', '2', '2', '2', '2', '5', '5', '5', '7', '7', '7', '7', '7', '7', '7', '7', '7', '7', '7', '7', '8', '8', '8', '7', '7', '7', '7', '7', '8', '8', '8', '8', '8', '8', '8', '8', '8', '8', '8', '8', '8', '8', '8', '8']
},
{
label: "Gaspésie-Îles-de-la-Madeleine",
backgroundColor: color("rgb(85,139,47)").alpha(0.5).rgbString(),
borderColor: "rgb(85,139,47)",
fill: false,
data: ['0', '0', '0', '0', '0', '0', '0', '0', '0', '0', '3', '7', '7', '7', '7', '9', '9', '13', '37', '37', '38', '41', '43', '54', '62', '66', '75', '79', '84', '90', '96', '97', '99', '103', '103', '107', '119', '125', '125', '138', '146', '149', '152', '156', '163', '172', '172', '171', '174', '175', '175', '176', '176', '177', '177', '178', '179', '179', '179', '179', '179', '180', '181', '181', '181', '181', '181']
},
{
label: "Chaudière-Appalaches",
backgroundColor: color("rgb(158,157,36)").alpha(0.5).rgbString(),
borderColor: "rgb(158,157,36)",
fill: false,
data: ['1', '1', '3', '4', '4', '6', '6', '6', '13', '13', '15', '14', '46', '58', '73', '80', '86', '95', '117', '130', '133', '136', '139', '156', '158', '181', '195', '207', '222', '230', '247', '272', '286', '291', '293', '304', '316', '323', '333', '341', '346', '349', '355', '367', '374', '385', '389', '399', '394', '401', '403', '406', '413', '417', '418', '423', '427', '432', '434', '439', '440', '444', '447', '452', '457', '469', '477']
},
{
label: "Laval",
backgroundColor: color("rgb(158,157,36)").alpha(0.5).rgbString(),
borderColor: "rgb(158,157,36)",
fill: false,
data: ['0', '0', '0', '0', '0', '0', '1', '1', '3', '4', '21', '60', '83', '95', '130', '160', '180', '257', '272', '338', '411', '476', '569', '640', '712', '759', '831', '897', '1017', '1108', '1231', '1268', '1358', '1455', '1620', '1772', '1897', '2029', '2095', '2199', '2296', '2411', '2482', '2589', '2711', '2852', '2919', '3089', '3163', '3277', '3355', '3449', '3510', '3603', '3700', '3821', '3927', '4017', '4081', '4232', '4303', '4361', '4438', '4515', '4595', '4675', '4759']
},
{
label: "Lanaudière",
backgroundColor: color("rgb(249,168,37)").alpha(0.5).rgbString(),
borderColor: "rgb(249,168,37)",
fill: false,
data: ['0', '1', '2', '3', '6', '6', '7', '7', '9', '15', '50', '55', '68', '72', '97', '126', '144', '197', '249', '256', '305', '354', '393', '446', '491', '532', '580', '664', '738', '788', '808', '868', '946', '1026', '1140', '1207', '1244', '1345', '1406', '1462', '1534', '1583', '1645', '1723', '1796', '1913', '1983', '2088', '2187', '2275', '2347', '2412', '2476', '2548', '2606', '2697', '2769', '2812', '2874', '2933', '3003', '3060', '3127', '3165', '3252', '3359', '3435']
},
{
label: "Laurentides",
backgroundColor: color("rgb(255,143,0)").alpha(0.5).rgbString(),
borderColor: "rgb(255,143,0)",
fill: false,
data: ['2', '2', '3', '3', '7', '8', '9', '10', '14', '17', '30', '44', '50', '61', '81', '108', '120', '169', '199', '263', '290', '319', '371', '408', '413', '447', '459', '516', '545', '568', '581', '635', '663', '690', '727', '777', '813', '844', '869', '906', '936', '967', '1005', '1056', '1096', '1133', '1183', '1241', '1283', '1328', '1371', '1412', '1457', '1517', '1586', '1660', '1706', '1779', '1833', '1872', '1941', '2012', '2075', '2156', '2191', '2260', '2320']
},
{
label: "Montérégie",
backgroundColor: color("rgb(239,108,0)").alpha(0.5).rgbString(),
borderColor: "rgb(239,108,0)",
fill: false,
data: ['4', '7', '9', '10', '13', '13', '19', '21', '26', '40', '66', '125', '148', '167', '193', '219', '257', '289', '341', '422', '486', '583', '683', '806', '894', '961', '1034', '1108', '1173', '1259', '1325', '1433', '1565', '1686', '1807', '1920', '2052', '2142', '2366', '2511', '2573', '2650', '2666', '2736', '2789', '2879', '2973', '3096', '3230', '3329', '3462', '3733', '3890', '4006', '4179', '4252', '4344', '4444', '4600', '4731', '4841', '4951', '5071', '5110', '5230', '5325', '5437']
},
{
label: "Nunavik",
backgroundColor: color("rgb(216,67,21)").alpha(0.5).rgbString(),
borderColor: "rgb(216,67,21)",
fill: false,
data: ['0', '0', '0', '0', '0', '0', '0', '0', '0', '0', '0', '0', '0', '0', '0', '0', '1', '1', '1', '1', '2', '2', '2', '2', '5', '5', '5', '5', '5', '7', '7', '10', '11', '12', '13', '13', '13', '13', '14', '14', '14', '14', '14', '14', '16', '16', '16', '16', '16', '16', '16', '20', '20', '20', '20', '16', '16', '16', '16', '16', '16', '16', '16', '16', '16', '16', '16']
},
{
label: "Terres-Cries-de-la-Baie-James",
backgroundColor: color("rgb(78,52,46)").alpha(0.5).rgbString(),
borderColor: "rgb(78,52,46)",
fill: false,
data: ['0', '0', '0', '0', '0', '0', '0', '0', '0', '0', '0', '0', '0', '0', '0', '1', '1', '2', '3', '3', '3', '3', '3', '4', '4', '5', '5', '5', '5', '5', '5', '5', '5', '5', '5', '5', '5', '5', '5', '5', '5', '5', '5', '5', '6', '8', '8', '8', '8', '8', '8', '11', '11', '10', '10', '10', '10', '10', '10', '10', '10', '10', '10', '10', '10', '10', '10']
},
]
};
var barChartDataMontreal = {
labels: ['2020-03-30', '2020-03-31', '2020-04-01', '2020-04-02', '2020-04-03', '2020-04-04', '2020-04-05', '2020-04-06', '2020-04-07', '2020-04-08', '2020-04-09', '2020-04-10', '2020-04-11', '2020-04-12', '2020-04-13', '2020-04-14', '2020-04-15', '2020-04-16', '2020-04-17', '2020-04-18', '2020-04-19', '2020-04-20', '2020-04-21', '2020-04-22', '2020-04-23', '2020-04-24', '2020-04-25', '2020-04-26', '2020-04-27', '2020-04-28', '2020-04-29', '2020-04-30', '2020-05-01', '2020-05-02', '2020-05-03', '2020-05-04', '2020-05-05', '2020-05-06', '2020-05-07', '2020-05-08', '2020-05-09', '2020-05-10', '2020-05-11'],
datasets: [
{
label: "Ahuntsic–Cartierville",
backgroundColor: color("rgb(198,40,40)").alpha(0.5).rgbString(),
borderColor: "rgb(198,40,40)",
fill: false,
data: ['54', '66', '98', '98', '106', '143', '176', '200', '247', '247', '277', '277', '333', '333', '392', '417', '481', '535', '594', '663', '663', '663', '802', '835', '835', '835', '973', '973', '973', '973', '973', '1185', '1185', '1185', '1329', '1351', '1392', '1442', '1442', '1442', '1585', '1585', '1645']
},
{
label: "Anjou",
backgroundColor: color("rgb(173,20,87)").alpha(0.5).rgbString(),
borderColor: "rgb(173,20,87)",
fill: false,
data: ['9', '14', '19', '19', '19', '35', '37', '42', '59', '59', '67', '67', '81', '81', '92', '97', '113', '120', '127', '138', '138', '138', '173', '188', '188', '188', '256', '256', '256', '256', '256', '324', '324', '324', '364', '363', '379', '398', '398', '398', '436', '436', '455']
},
{
label: "Baie-D'Urfé",
backgroundColor: color("rgb(106,27,154)").alpha(0.5).rgbString(),
borderColor: "rgb(106,27,154)",
fill: false,
data: ['2', '2', '5', '5', '5', '5', '5', '5', '5', '5', '5', '5', '5', '5', '5', '5', '5', '5', '5', '5', '5', '5', '5', '5', '5', '5', '6', '6', '6', '6', '6', '6', '6', '6', '9', '9', '10', '10', '10', '10', '11', '11', '11']
},
{
label: "Beaconsfield",
backgroundColor: color("rgb(69,39,160)").alpha(0.5).rgbString(),
borderColor: "rgb(69,39,160)",
fill: false,
data: ['10', '9', '10', '10', '10', '10', '10', '11', '14', '14', '14', '14', '14', '14', '13', '13', '13', '15', '15', '15', '15', '15', '17', '17', '17', '17', '24', '24', '24', '24', '24', '27', '27', '27', '42', '42', '45', '46', '46', '46', '45', '45', '51']
},
{
label: "Côte-des-Neiges–Notre-Dame-de-Grâce",
backgroundColor: color("rgb(40,53,147)").alpha(0.5).rgbString(),
borderColor: "rgb(40,53,147)",
fill: false,
data: ['161', '182', '253', '253', '281', '370', '384', '428', '501', '501', '522', '522', '543', '543', '640', '671', '717', '775', '799', '839', '839', '839', '955', '987', '987', '987', '1071', '1071', '1071', '1071', '1071', '1225', '1225', '1225', '1388', '1427', '1448', '1478', '1478', '1478', '1559', '1559', '1616']
},
{
label: "Côte-Saint-Luc",
backgroundColor: color("rgb(21,101,192)").alpha(0.5).rgbString(),
borderColor: "rgb(21,101,192)",
fill: false,
data: ['107', '182', '147', '147', '154', '192', '207', '232', '262', '262', '264', '264', '267', '267', '270', '279', '286', '292', '292', '300', '300', '300', '321', '325', '325', '325', '330', '330', '330', '330', '330', '354', '354', '354', '378', '386', '388', '390', '390', '390', '400', '400', '405']
},
{
label: "Dollard-des-Ormeaux",
backgroundColor: color("rgb(2,119,189)").alpha(0.5).rgbString(),
borderColor: "rgb(2,119,189)",
fill: false,
data: ['17', '18', '28', '28', '30', '45', '50', '54', '66', '66', '68', '68', '72', '72', '75', '76', '82', '89', '92', '96', '96', '96', '108', '109', '109', '109', '128', '128', '128', '128', '128', '184', '184', '184', '259', '268', '270', '271', '271', '271', '282', '282', '290']
},
{
label: "Dorval",
backgroundColor: color("rgb(0,131,143)").alpha(0.5).rgbString(),
borderColor: "rgb(0,131,143)",
fill: false,
data: ['7', '10', '16', '16', '17', '26', '27', '31', '37', '37', '37', '37', '37', '37', '41', '41', '44', '47', '47', '49', '49', '49', '61', '62', '62', '62', '77', '77', '77', '77', '77', '95', '95', '95', '133', '136', '137', '137', '137', '137', '145', '145', '147']
},
{
label: "Hampstead",
backgroundColor: color("rgb(0,105,92)").alpha(0.5).rgbString(),
borderColor: "rgb(0,105,92)",
fill: false,
data: ['18', '20', '22', '22', '23', '27', '27', '28', '29', '29', '29', '29', '29', '29', '29', '29', '29', '29', '29', '29', '29', '29', '33', '33', '33', '33', '38', '38', '38', '38', '38', '38', '38', '38', '39', '41', '42', '42', '42', '42', '48', '48', '48']
},
{
label: "Kirkland",
backgroundColor: color("rgb(46,125,50)").alpha(0.5).rgbString(),
borderColor: "rgb(46,125,50)",
fill: false,
data: ['7', '7', '8', '8', '8', '12', '12', '12', '14', '14', '15', '15', '17', '17', '18', '18', '20', '21', '23', '25', '25', '25', '26', '26', '26', '26', '26', '26', '26', '26', '26', '52', '52', '52', '70', '72', '75', '77', '77', '77', '82', '82', '85']
},
{
label: "Lachine",
backgroundColor: color("rgb(85,139,47)").alpha(0.5).rgbString(),
borderColor: "rgb(85,139,47)",
fill: false,
data: ['19', '22', '32', '32', '35', '57', '59', '71', '83', '83', '83', '83', '85', '85', '89', '93', '99', '102', '104', '108', '108', '108', '120', '126', '126', '126', '149', '149', '149', '149', '149', '186', '186', '186', '336', '343', '354', '378', '378', '378', '407', '407', '417']
},
{
label: "LaSalle",
backgroundColor: color("rgb(158,157,36)").alpha(0.5).rgbString(),
borderColor: "rgb(158,157,36)",
fill: false,
data: ['66', '78', '119', '119', '135', '204', '219', '237', '286', '286', '298', '298', '313', '313', '339', '349', '360', '372', '379', '384', '384', '384', '406', '425', '425', '425', '478', '478', '478', '478', '478', '561', '561', '561', '838', '852', '869', '888', '888', '888', '927', '927', '946']
},
{
label: "L'Île-Bizard–Sainte-Geneviève",
backgroundColor: color("rgb(158,157,36)").alpha(0.5).rgbString(),
borderColor: "rgb(158,157,36)",
fill: false,
data: ['5', '7', '9', '9', '9', '14', '15', '16', '19', '19', '22', '22', '25', '25', '27', '28', '29', '33', '32', '31', '31', '31', '44', '45', '45', '45', '\xa053', '\xa053', '\xa053', '\xa053', '\xa053', '\xa076', '\xa076', '\xa076', '118', '115', '118', '118', '118', '118', '136', '136', '143']
},
{
label: "Mercier–Hochelaga-Maisonneuve",
backgroundColor: color("rgb(249,168,37)").alpha(0.5).rgbString(),
borderColor: "rgb(249,168,37)",
fill: false,
data: ['40', '62', '91', '91', '98', '145', '151', '182', '213', '213', '232', '232', '276', '276', '330', '359', '396', '430', '459', '488', '488', '488', '569', '618', '618', '618', '791', '791', '791', '791', '791', '1014', '1014', '1014', '1185', '1226', '1288', '1341', '1341', '1341', '1463', '1463', '1552']
},
{
label: "Montréal-Est",
backgroundColor: color("rgb(255,143,0)").alpha(0.5).rgbString(),
borderColor: "rgb(255,143,0)",
fill: false,
data: ['1', '1', '5', '5', '5', '5', '5', '5', '6', '6', '7', '7', '8', '8', '7', '7', '7', '8', '8', '8', '8', '8', '12', '13', '13', '13', '14', '14', '14', '14', '14', '18', '18', '18', '22', '23', '23', '24', '24', '24', '26', '26', '27']
},
{
label: "Montréal-Nord",
backgroundColor: color("rgb(239,108,0)").alpha(0.5).rgbString(),
borderColor: "rgb(239,108,0)",
fill: false,
data: ['26', '33', '50', '50', '55', '99', '117', '149', '193', '193', '238', '238', '291', '291', '357', '404', '443', '490', '527', '577', '577', '577', '785', '839', '839', '839', '1058', '1058', '1058', '1058', '1058', '1316', '1316', '1316', '1457', '1501', '1544', '1615', '1615', '1615', '1762', '1762', '1820']
},
{
label: "Montréal-Ouest",
backgroundColor: color("rgb(216,67,21)").alpha(0.5).rgbString(),
borderColor: "rgb(216,67,21)",
fill: false,
data: ['3', '3', '5', '5', '5', '5', '5', '5', '5', '5', '5', '5', '5', '5', '5', '5', '5', '5', '6', '6', '6', '6', '7', '7', '7', '7', '9', '9', '9', '9', '9', '11', '11', '11', '14', '14', '14', '14', '14', '14', '16', '16', '16']
},
{
label: "Mont-Royal",
backgroundColor: color("rgb(78,52,46)").alpha(0.5).rgbString(),
borderColor: "rgb(78,52,46)",
fill: false,
data: ['18', '24', '31', '31', '33', '36', '36', '37', '44', '44', '44', '44', '46', '46', '49', '51', '53', '57', '60', '63', '63', '63', '76', '87', '87', '87', '92', '92', '92', '92', '92', '125', '125', '125', '190', '192', '197', '202', '202', '202', '222', '222', '226']
},
{
label: "Outremont",
backgroundColor: color("rgb(100,30,22)").alpha(0.5).rgbString(),
borderColor: "rgb(100,30,22)",
fill: false,
data: ['56', '61', '88', '88', '95', '113', '113', '119', '139', '139', '143', '143', '144', '144', '148', '153', '156', '157', '159', '162', '162', '162', '167', '170', '170', '170', '182', '182', '182', '182', '182', '194', '194', '194', '209', '211', '213', '215', '215', '215', '221', '221', '222']
},
{
label: "Pierrefonds-Roxboro",
backgroundColor: color("rgb(120,40,31)").alpha(0.5).rgbString(),
borderColor: "rgb(120,40,31)",
fill: false,
data: ['26', '27', '39', '39', '39', '50', '54', '56', '75', '75', '78', '78', '86', '86', '90', '93', '100', '104', '108', '110', '110', '110', '124', '127', '127', '127', '154', '154', '154', '154', '154', '192', '192', '192', '294', '297', '313', '324', '324', '324', '357', '357', '377']
},
{
label: "Plateau-Mont-Royal",
backgroundColor: color("rgb(81,46,95)").alpha(0.5).rgbString(),
borderColor: "rgb(81,46,95)",
fill: false,
data: ['67', '80', '120', '120', '134', '168', '174', '186', '220', '220', '232', '232', '235', '235', '259', '275', '295', '345', '348', '363', '363', '363', '386', '401', '401', '401', '465', '465', '465', '465', '465', '566', '566', '566', '616', '621', '631', '649', '649', '649', '685', '685', '710']
},
{
label: "Pointe-Claire",
backgroundColor: color("rgb(74,35,90)").alpha(0.5).rgbString(),
borderColor: "rgb(74,35,90)",
fill: false,
data: ['11', '11', '14', '14', '15', '21', '23', '24', '32', '32', '33', '33', '33', '33', '37', '37', '38', '39', '40', '40', '40', '40', '50', '52', '52', '52', '62', '62', '62', '62', '62', '83', '83', '83', '126', '129', '139', '142', '142', '142', '143', '143', '145']
},
{
label: "Rivière-des-Prairies-Pointe-aux-Trembles",
backgroundColor: color("rgb(21,67,96)").alpha(0.5).rgbString(),
borderColor: "rgb(21,67,96)",
fill: false,
data: ['41', '51', '73', '73', '83', '117', '133', '148', '180', '180', '194', '194', '235', '235', '285', '313', '358', '395', '413', '444', '444', '444', '577', '647', '647', '647', '817', '817', '817', '817', '817', '1029', '1029', '1029', '1178', '1201', '1247', '1300', '1300', '1300', '1443', '1443', '1525']
},
{
label: "Rosemont–La Petite Patrie",
backgroundColor: color("rgb(27,79,114)").alpha(0.5).rgbString(),
borderColor: "rgb(27,79,114)",
fill: false,
data: ['80', '97', '133', '133', '141', '181', '194', '217', '247', '247', '260', '260', '301', '301', '336', '340', '357', '379', '401', '418', '418', '418', '489', '527', '527', '527', '600', '600', '600', '600', '600', '777', '777', '777', '913', '931', '958', '978', '978', '978', '1075', '1075', '1103']
},
{
label: "Sainte-Anne-de-Bellevue",
backgroundColor: color("rgb(14,98,81)").alpha(0.5).rgbString(),
borderColor: "rgb(14,98,81)",
fill: false,
data: ['2', '2', '5', '5', '5', '5', '5', '5', '5', '5', '5', '5', '5', '5', '5', '5', '5', '5', '5', '5', '5', '5', '7', '7', '7', '7', '8', '8', '8', '8', '8', '10', '10', '10', '14', '15', '16', '16', '16', '16', '15', '15', '16']
},
{
label: "Saint-Laurent",
backgroundColor: color("rgb(11,83,69)").alpha(0.5).rgbString(),
borderColor: "rgb(11,83,69)",
fill: false,
data: ['40', '49', '81', '81', '90', '119', '128', '141', '163', '163', '167', '167', '181', '181', '200', '213', '223', '237', '253', '271', '271', '271', '319', '340', '340', '340', '415', '415', '415', '415', '415', '518', '518', '518', '594', '607', '627', '645', '645', '645', '678', '678', '710']
},
{
label: "Saint-Léonard",
backgroundColor: color("rgb(20,90,50)").alpha(0.5).rgbString(),
borderColor: "rgb(20,90,50)",
fill: false,
data: ['17', '20', '37', '37', '40', '67', '77', '96', '124', '124', '139', '139', '168', '168', '210', '224', '240', '258', '273', '294', '294', '294', '372', '394', '394', '394', '480', '480', '480', '480', '480', '582', '582', '582', '638', '658', '675', '694', '694', '694', '743', '743', '783']
},
{
label: "Senneville",
backgroundColor: color("rgb(24,106,59)").alpha(0.5).rgbString(),
borderColor: "rgb(24,106,59)",
fill: false,
data: ['0', '0', '0', '0', '0', '5', '5', '5', '5', '5', '5', '5', '5', '5', '5', '5', '5', '5', '5', '5', '5', '5', '5', '5', '5', '5', '5', '5', '5', '5', '5', '5', '5', '5', '5', '5', '5', '5', '5', '5', '5', '5', '5']
},
{
label: "Sud-Ouest",
backgroundColor: color("rgb(125,102,8)").alpha(0.5).rgbString(),
borderColor: "rgb(125,102,8)",
fill: false,
data: ['46', '56', '83', '83', '95', '124', '134', '162', '184', '184', '210', '210', '227', '227', '268', '286', '310', '322', '328', '350', '350', '350', '406', '427', '427', '427', '491', '491', '491', '491', '491', '563', '563', '563', '662', '684', '688', '694', '694', '694', '717', '717', '727']
},
{
label: "Verdun",
backgroundColor: color("rgb(126,81,9)").alpha(0.5).rgbString(),
borderColor: "rgb(126,81,9)",
fill: false,
data: ['36', '43', '77', '77', '85', '105', '117', '134', '154', '154', '174', '174', '186', '186', '240', '276', '301', '326', '332', '350', '350', '350', '462', '505', '505', '505', '523', '523', '523', '523', '523', '620', '620', '620', '683', '706', '724', '738', '738', '738', '762', '762', '768']
},
{
label: "Ville-Marie",
backgroundColor: color("rgb(120,66,18)").alpha(0.5).rgbString(),
borderColor: "rgb(120,66,18)",
fill: false,
data: ['67', '78', '114', '114', '117', '135', '140', '152', '174', '174', '185', '185', '193', '193', '215', '225', '238', '249', '252', '261', '261', '261', '287', '302', '302', '302', '313', '313', '313', '313', '313', '353', '353', '353', '411', '439', '456', '475', '475', '475', '523', '523', '539']
},
{
label: "Villeray-Saint-Michel-Parc-Extension",
backgroundColor: color("rgb(110,44,0)").alpha(0.5).rgbString(),
borderColor: "rgb(110,44,0)",
fill: false,
data: ['41', '56', '88', '88', '103', '149', '160', '185', '242', '242', '266', '266', '302', '302', '367', '390', '429', '467', '487', '529', '529', '529', '624', '660', '660', '660', '837', '837', '837', '837', '837', '998', '998', '998', '1190', '1212', '1239', '1268', '1268', '1268', '1364', '1364', '1411']
},
{
label: "Westmount",
backgroundColor: color("rgb(123,125,125)").alpha(0.5).rgbString(),
borderColor: "rgb(123,125,125)",
fill: false,
data: ['25', '29', '33', '33', '38', '44', '46', '52', '57', '57', '57', '57', '59', '59', '62', '63', '64', '67', '67', '70', '70', '70', '74', '77', '77', '77', '91', '91', '91', '91', '91', '113', '113', '113', '129', '135', '139', '143', '143', '143', '143', '143', '149']
},
]
};
var barChartDataTotal = {
labels: ['2020-03-13', '2020-03-14', '2020-03-15', '2020-03-16', '2020-03-17', '2020-03-18', '2020-03-19', '2020-03-20', '2020-03-21', '2020-03-22', '2020-03-23', '2020-03-24', '2020-03-25', '2020-03-26', '2020-03-27', '2020-03-28', '2020-03-29', '2020-03-30', '2020-03-31', '2020-04-01', '2020-04-02', '2020-04-03', '2020-04-04', '2020-04-05', '2020-04-06', '2020-04-07', '2020-04-08', '2020-04-09', '2020-04-10', '2020-04-11', '2020-04-12', '2020-04-13', '2020-04-14', '2020-04-15', '2020-04-16', '2020-04-17', '2020-04-18', '2020-04-19', '2020-04-20', '2020-04-21', '2020-04-22', '2020-04-23', '2020-04-24', '2020-04-25', '2020-04-26', '2020-04-27', '2020-04-28', '2020-04-29', '2020-04-30', '2020-05-01', '2020-05-02', '2020-05-03', '2020-05-04', '2020-05-05', '2020-05-06', '2020-05-07', '2020-05-08', '2020-05-09', '2020-05-10', '2020-05-11', '2020-05-12', '2020-05-13', '2020-05-14', '2020-05-15', '2020-05-16', '2020-05-17'],
datasets: [
{
label: "Total Cases",
backgroundColor: color(window.chartColors.blue).alpha(0.5).rgbString(),
borderColor: window.chartColors.blue,
fill: false,
data: ['17', '24', '39', '50', '74', '94', '121', '139', '181', '219', '628', '1013', '1339', '1629', '2021', '2498', '2840', '3430', '4162', '4611', '5518', '6101', '6997', '7944', '8580', '9340', '10031', '10912', '11677', '12292', '13557', '14248', '14860', '15857', '16768', '17521', '18357', '19319', '20126', '20965', '21838', '22616', '23267', '24107', '24982', '25757', '26594', '27538', '28648', '29656', '31865', '32623', '33417', '34327', '35238', '36150', '36986', '37721', '38469', '39225', '39931', '40724', '41420', '42183', '42920', '43627']
},
{
label: "Total Deaths",
backgroundColor: color(window.chartColors.red).alpha(0.5).rgbString(),
borderColor: window.chartColors.red,
fill: false,
data: ['0', '0', '0', '0', '0', '1', '1', '1', '5', '4', '4', '4', '6', '8', '18', '22', '22', '25', '31', '33', '36', '61', '75', '94', '121', '150', '175', '216', '241', '328', '360', '435', '487', '630', '688', '805', '877', '939', '1041', '1134', '1243', '1340', '1446', '1515', '1599', '1682', '1761', '1859', '2022', '2136', '2205', '2280', '2398', '2510', '2631', '2725', '2786', '2928', '3013', '3131', '3220', '3351', '3401', '3483', '3562', '3596']
},
{
label: "Total Recoveries",
backgroundColor: color(window.chartColors.green).alpha(0.5).rgbString(),
borderColor: window.chartColors.green,
fill: false,
data: ['0', '0', '0', '0', '0', '1', '1', '1', '1', '1', '1', '1', '1', '1', '29', '29', '84', '155', '231', '224', '306', '437', '464', '611', '720', '827', '1112', '1341', '1563', '1745', '1982', '2146', '2491', '2841', '3068', '3315', '3555', '3847', '4048', '4291', '4484', '4724', '5057', '5342', '5517', '5841', '6048', '6048', '6700', '6965', '7258', '7578', '7923', '8284', '8673', '8928', '9268', '9526', '9703', '10056', '10470', '10829', '11309', '11458', '11754', '12045']
},
]
};
var barChartDataHosp = {
labels: ['2020-03-13', '2020-03-14', '2020-03-15', '2020-03-16', '2020-03-17', '2020-03-18', '2020-03-19', '2020-03-20', '2020-03-21', '2020-03-22', '2020-03-23', '2020-03-24', '2020-03-25', '2020-03-26', '2020-03-27', '2020-03-28', '2020-03-29', '2020-03-30', '2020-03-31', '2020-04-01', '2020-04-02', '2020-04-03', '2020-04-04', '2020-04-05', '2020-04-06', '2020-04-07', '2020-04-08', '2020-04-09', '2020-04-10', '2020-04-11', '2020-04-12', '2020-04-13', '2020-04-14', '2020-04-15', '2020-04-16', '2020-04-17', '2020-04-18', '2020-04-19', '2020-04-20', '2020-04-21', '2020-04-22', '2020-04-23', '2020-04-24', '2020-04-25', '2020-04-26', '2020-04-27', '2020-04-28', '2020-04-29', '2020-04-30', '2020-05-01', '2020-05-02', '2020-05-03', '2020-05-04', '2020-05-05', '2020-05-06', '2020-05-07', '2020-05-08', '2020-05-09', '2020-05-10', '2020-05-11', '2020-05-12', '2020-05-13', '2020-05-14', '2020-05-15', '2020-05-16', '2020-05-17'],
datasets: [
{
label: "Hospitalisations",
backgroundColor: color(window.chartColors.yellow).alpha(0.5).rgbString(),
borderColor: window.chartColors.yellow,
fill: false,
data: ['0', '0', '0', '0', '0', '0', '7', '10', '20', '24', '45', '67', '78', '106', '141', '164', '192', '235', '286', '307', '365', '441', '525', '533', '583', '632', '679', '733', '778', '824', '879', '936', '984', '1018', '1076', '1130', '1102', '1169', '1224', '1278', '1411', '1460', '1509', '1518', '1541', '1625', '1648', '1684', '1716', '1738', '1754', '1772', '1821', '1840', '1836', '1827', '1835', '1831', '1838', '1841', '1876', '1834', '1822', '1763', '1766', '1771']
},
{
label: "Intensive Care",
backgroundColor: color(window.chartColors.orange).alpha(0.5).rgbString(),
borderColor: window.chartColors.orange,
fill: false,
data: ['0', '0', '0', '0', '0', '0', '0', '6', '10', '13', '20', '31', '35', '43', '50', '57', '72', '78', '82', '82', '96', '107', '154', '164', '164', '181', '196', '186', '211', '217', '226', '230', '218', '209', '207', '258', '183', '198', '201', '199', '207', '227', '217', '215', '210', '217', '222', '222', '218', '222', '218', '218', '218', '213', '224', '207', '205', '199', '193', '186', '194', '190', '191', '179', '183', '179']
},
]
};
window.onload = function() {
// Region Graph
var ctx = document.getElementById('canvasRegion').getContext('2d');
window.myBar = new Chart(ctx, {
type: 'line',
data: barChartDataRegion,
options: {
scales: {
yAxes: [{
ticks: {
beginAtZero: true
}
}]
},
responsive: true,
legend: {
position: 'top',
},
title: {
display: true,
text: 'Total confirmed cases in Québec by region'
}
}
});
// Total graph
var ctx = document.getElementById('canvasTotal').getContext('2d');
window.myBar = new Chart(ctx, {
type: 'line',
data: barChartDataTotal,
options: {
scales: {
yAxes: [{
ticks: {
beginAtZero: true
}
}]
},
responsive: true,
legend: {
position: 'top',
},
title: {
display: true,
text: 'Total Confirmed Cases, Deaths and Recoveries in the province of Québec'
}
}
});
// Hosp graph
var ctx = document.getElementById('canvasHosp').getContext('2d');
window.myBar = new Chart(ctx, {
type: 'line',
data: barChartDataHosp,
options: {
scales: {
yAxes: [{
ticks: {
beginAtZero: true
}
}]
},
responsive: true,
legend: {
position: 'top',
},
title: {
display: true,
text: 'Hospitalisations and patients in Intensive Care in the province of Québec'
}
}
});
// Montreal graph
var ctx = document.getElementById('canvasMontreal').getContext('2d');
window.myBar = new Chart(ctx, {
type: 'line',
data: barChartDataMontreal,
options: {
scales: {
yAxes: [{
ticks: {
beginAtZero: true
}
}]
},
responsive: true,
legend: {
position: 'top',
},
title: {
display: true,
text: 'Confirmed cases in the region of Montréal by boroughs'
}
}
});
};
</script>
</html>