Vaccination in Canada <\/title>\n \n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/apexcharts\"><\/script>\n<script src=\"https:\/\/code.jquery.com\/jquery-3.6.0.js\"><\/script>\n<script src=\"https:\/\/code.jquery.com\/ui\/1.13.2\/jquery-ui.js\"><\/script>\n \n<link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/leaflet@1.9.2\/dist\/leaflet.css\" integrity=\"sha256-sA+zWATbFveLLNqWO2gtiw3HL\/lh1giY\/Inf1BJ0z14=\" crossorigin=\"\">\n<script src=\"https:\/\/unpkg.com\/leaflet@1.9.2\/dist\/leaflet.js\" integrity=\"sha256-o9N1jGDZrf5tS+Ft4gbIK7mYMipq9lqpVJ91xHSyKhg=\" crossorigin=\"\"><\/script>\n\n<script src=\"https:\/\/acadic-portal.github.io\/canada.js\"><\/script>\n<script src=\"https:\/\/acadic-portal.github.io\/canadavaccine.js\"><\/script>\n\n<script>\nvar mycanada = canada;\nvar mycanadavax = canadavax;\n\nvar nullProvinces = []; \/\/for disabling checkboxes\nvar mx_r_value = 0; \/\/This is to set the maximum of range blocks\nvar dates = []; \/\/ This is to keep the dates. It is helpful for the ranges and the charts.\nvar mxtotal = 0; var mxtotalp = 0; var mxover18 = 0; var mxover18p = 0; var mxover12 = 0; var mxover12p = 0; var mxover5 = 0; var mxover5p = 0;\n\nvar map1_1; var map1_1; var map1_2; var map1_3; var map1_4; var map2_1; var map2_2; var map2_3; var map2_4; var map3_1; var map3_2; var map3_3;\nvar map3_4; var map4_1; var map4_2; var map4_3; var map4_4; var map5_1; var map5_2; var map5_3; var map5_4; var map6_1; var map6_2; var map6_3;\nvar map6_4; var map7_1; var map7_2; var map7_3; var map7_4; var map8_1; var map8_2; var map8_3; var map8_4;\nvar geojson1_1; var geojson1_2; var geojson1_3; var geojson1_4; var geojson2_1; var geojson2_2; var geojson2_3; var geojson2_4; var geojson3_1; \nvar geojson3_2; var geojson3_3; var geojson3_4; var geojson4_1; var geojson4_2; var geojson4_3; var geojson4_4; var geojson5_1; var geojson5_2;\nvar geojson5_3; var geojson5_4; var geojson6_1; var geojson6_2; var geojson6_3; var geojson6_4; var geojson7_1; var geojson7_2; var geojson7_3;\nvar geojson7_4; var geojson8_1; var geojson8_2; var geojson8_3; var geojson8_4;\nvar info1_1; var info1_2; var info1_3; var info1_4; var info2_1; var info2_2; var info2_3; var info2_4; var info3_1; var info3_2; var info3_3;\nvar info3_4; var info4_1; var info4_2; var info4_3; var info4_4; var info5_1; var info5_2; var info5_3; var info5_4; var info6_1; var info6_2; \nvar info6_3; var info6_4; var info7_1; var info7_2; var info7_3; var info7_4; var info8_1; var info8_2; var info8_3; var info8_4;\n\nfunction totalColor1(d, n) { return d > 9*n ? '#003A00':\n d > 8*n ? '#005800':\n d > 7*n ? '#007000':\n d > 6*n ? '#008600':\n d > 5*n ? '#009A00':\n d > 4*n ? '#00B800' :\n d > 3*n ? '#00D600' :\n d > 2*n ? '#00F200' :\n d > n ? '#69FF69' :\n d > 0 ? '#9BFF9B' :\n d == 0 ? '#C5FFC5' :\n '#FBF8F3'; }\nfunction totalColor2(d, n) { return d > 9*n ? '#002A1F':\n d > 8*n ? '#004835':\n d > 7*n ? '#00684D':\n d > 6*n ? '#008260':\n d > 5*n ? '#00A479':\n d > 4*n ? '#00C08E' :\n d > 3*n ? '#00D09A' :\n d > 2*n ? '#00EEB0' :\n d > n ? '#6DFFD9' :\n d > 0 ? '#ABFFE9' :\n d == 0 ? '#CDFFF2' :\n '#FBF8F3'; }\n\nfunction getOpacity(d) { return d >= 0 ? 1 : d == 0 ? 0 : 0; }\n\nfunction totalStyle1_1 (feature) { return { fillColor: totalColor1 (feature.properties[numtotal_atleast1dose], Math.floor(mxtotal\/10)), weight: 0.5, \n opacity: getOpacity(feature.properties[numtotal_atleast1dose]),\n color: 'black', fillOpacity: getOpacity(feature.properties[numtotal_atleast1dose]) }; }\nfunction totalStyle1_2 (feature) { return { fillColor: totalColor1 (feature.properties[numtotal_fully], Math.floor(mxtotal\/10)), weight: 0.5, \n opacity: getOpacity(feature.properties[numtotal_fully]),\n color: 'black', fillOpacity: getOpacity(feature.properties[numtotal_fully]) }; }\nfunction totalStyle1_3 (feature) { return { fillColor: totalColor1 (feature.properties[numtotal_1additional], Math.floor(mxtotal\/10)), weight: 0.5, \n opacity: getOpacity(feature.properties[numtotal_1additional]),\n color: 'black', fillOpacity: getOpacity(feature.properties[numtotal_1additional]) }; }\nfunction totalStyle1_4 (feature) { return { fillColor: totalColor1 (feature.properties[numtotal_2additional], Math.floor(mxtotal\/10)), weight: 0.5, \n opacity: getOpacity(feature.properties[numtotal_2additional]),\n color: 'black', fillOpacity: getOpacity(feature.properties[numtotal_2additional]) }; }\nfunction totalStyle2_1 (feature) { return { fillColor: totalColor2 (feature.properties[proptotal_atleast1dose], Math.floor(mxtotalp\/10)), \n weight: 0.5, opacity: getOpacity(feature.properties[proptotal_atleast1dose]),\n color: 'black', fillOpacity: getOpacity(feature.properties[proptotal_atleast1dose]) }; }\nfunction totalStyle2_2 (feature) { return { fillColor: totalColor2 (feature.properties[proptotal_fully], Math.floor(mxtotalp\/10)), weight: 0.5, \n opacity: getOpacity(feature.properties[proptotal_fully]),\n color: 'black', fillOpacity: getOpacity(feature.properties[proptotal_fully]) }; }\nfunction totalStyle2_3 (feature) { return { fillColor: totalColor2 (feature.properties[proptotal_1additional], Math.floor(mxtotalp\/10)), weight: 0.5, \n opacity: getOpacity(feature.properties[proptotal_1additional]),\n color: 'black', fillOpacity: getOpacity(feature.properties[proptotal_1additional]) }; }\nfunction totalStyle2_4 (feature) { return { fillColor: totalColor2 (feature.properties[proptotal_2additional], Math.floor(mxtotalp\/10)), weight: 0.5, \n opacity: getOpacity(feature.properties[proptotal_2additional]),\n color: 'black', fillOpacity: getOpacity(feature.properties[proptotal_2additional]) }; }\n\nfunction plus18Color1(d, n) { return d > 9*n ? '#A82800':\n d > 8*n ? '#CC3300':\n d > 7*n ? '#FC5104':\n d > 6*n ? '#FD6203':\n d > 5*n ? '#FF7401':\n d > 4*n ? '#FE8602' :\n d > 3*n ? '#FEA402' :\n d > 2*n ? '#FEBC02' :\n d > n ? '#FEDA02' :\n d > 0 ? '#FFFE02' :\n d == 0 ? '#FFFF99' :\n '#FBF8F3'; }\nfunction plus18Color2(d, n) { return d > 9*n ? '#421000':\n d > 8*n ? '#6C1A00':\n d > 7*n ? '#9A2500':\n d > 6*n ? '#C83000':\n d > 5*n ? '#E63700':\n d > 4*n ? '#FF4105' :\n d > 3*n ? '#FF5C29' :\n d > 2*n ? '#FF6D3F' :\n d > n ? '#FF845D' :\n d > 0 ? '#FFA78B' :\n d == 0 ? '#FFC5B3' :\n '#FBF8F3'; }\nfunction plus18Style1_1 (feature) { return { fillColor: plus18Color1 (feature.properties[num18plus_atleast1dose], Math.floor(mxover18\/10)), \n weight: 0.5, opacity: getOpacity(feature.properties[num18plus_atleast1dose]),\n color: 'black', fillOpacity: getOpacity(feature.properties[num18plus_atleast1dose]) }; }\nfunction plus18Style1_2 (feature) { return { fillColor: plus18Color1 (feature.properties[num18plus_fully], Math.floor(mxover18\/10)), weight: 0.5, \n opacity: getOpacity(feature.properties[num18plus_fully]),\n color: 'black', fillOpacity: getOpacity(feature.properties[num18plus_fully]) }; }\nfunction plus18Style1_3 (feature) { return { fillColor: plus18Color1 (feature.properties[num18plus_1additional], Math.floor(mxover18\/10)), \n weight: 0.5, opacity: getOpacity(feature.properties[num18plus_1additional]),\n color: 'black', fillOpacity: getOpacity(feature.properties[num18plus_1additional]) }; }\nfunction plus18Style1_4 (feature) { return { fillColor: plus18Color1 (feature.properties[num18plus_2additional], Math.floor(mxover18\/10)), \n weight: 0.5, opacity: getOpacity(feature.properties[num18plus_2additional]),\n color: 'black', fillOpacity: getOpacity(feature.properties[num18plus_2additional]) }; }\nfunction plus18Style2_1 (feature) { return { fillColor: plus18Color2 (feature.properties[prop18plus_atleast1dose], Math.floor(mxover18p\/10)), \n weight: 0.5, opacity: getOpacity(feature.properties[prop18plus_atleast1dose]),\n color: 'black', fillOpacity: getOpacity(feature.properties[prop18plus_atleast1dose]) }; }\nfunction plus18Style2_2 (feature) { return { fillColor: plus18Color2 (feature.properties[prop18plus_fully], Math.floor(mxover18p\/10)), weight: 0.5, \n opacity: getOpacity(feature.properties[prop18plus_fully]),\n color: 'black', fillOpacity: getOpacity(feature.properties[prop18plus_fully]) }; }\nfunction plus18Style2_3 (feature) { return { fillColor: plus18Color2 (feature.properties[prop18plus_1additional], Math.floor(mxover18p\/10)), \n weight: 0.5, opacity: getOpacity(feature.properties[prop18plus_1additional]),\n color: 'black', fillOpacity: getOpacity(feature.properties[prop18plus_1additional]) }; }\nfunction plus18Style2_4 (feature) { return { fillColor: plus18Color2 (feature.properties[prop18plus_2additional], Math.floor(mxover18p\/10)), \n weight: 0.5, opacity: getOpacity(feature.properties[prop18plus_2additional]),\n color: 'black', fillOpacity: getOpacity(feature.properties[prop18plus_2additional]) }; }\n\nfunction plus12Color1(d, n) { return d > 9*n ? '#003550':\n d > 8*n ? '#005986':\n d > 7*n ? '#006DA4':\n d > 6*n ? '#0083C4':\n d > 5*n ? '#0094DE':\n d > 4*n ? '#09ADFF' :\n d > 3*n ? '#43C0FF' :\n d > 2*n ? '#6DCEFF' :\n d > n ? '#89D8FF' :\n d > 0 ? '#ABE3FF' :\n d == 0 ? '#CDEEFF' :\n '#FBF8F3'; }\nfunction plus12Color2(d, n) { return d > 9*n ? '#000032':\n d > 8*n ? '#000082':\n d > 7*n ? '#0000D2':\n d > 6*n ? '#2121FF':\n d > 5*n ? '#3333FF':\n d > 4*n ? '#4747FF' :\n d > 3*n ? '#5D5DFF' :\n d > 2*n ? '#6D6DFF' :\n d > n ? '#8181FF' :\n d > 0 ? '#9F9FFF' :\n d == 0 ? '#D1D1FF' :\n '#FBF8F3'; }\nfunction plus12Style1_1 (feature) { return { fillColor: plus12Color1 (feature.properties[num12plus_atleast1dose], Math.floor(mxover12\/10)), \n weight: 0.5, opacity: getOpacity(feature.properties[num12plus_atleast1dose]),\n color: 'black', fillOpacity: getOpacity(feature.properties[num12plus_atleast1dose]) }; }\nfunction plus12Style1_2 (feature) { return { fillColor: plus12Color1 (feature.properties[num12plus_fully], Math.floor(mxover12\/10)), weight: 0.5, \n opacity: getOpacity(feature.properties[num12plus_fully]),\n color: 'black', fillOpacity: getOpacity(feature.properties[num12plus_fully]) }; }\nfunction plus12Style1_3 (feature) { return { fillColor: plus12Color1 (feature.properties[num12plus_1additional], Math.floor(mxover12\/10)), \n weight: 0.5, opacity: getOpacity(feature.properties[num12plus_1additional]),\n color: 'black', fillOpacity: getOpacity(feature.properties[num12plus_1additional]) }; }\nfunction plus12Style1_4 (feature) { return { fillColor: plus12Color1 (feature.properties[num12plus_2additional], Math.floor(mxover12\/10)), \n weight: 0.5, opacity: getOpacity(feature.properties[num12plus_2additional]),\n color: 'black', fillOpacity: getOpacity(feature.properties[num12plus_2additional]) }; }\nfunction plus12Style2_1 (feature) { return { fillColor: plus12Color2 (feature.properties[prop12plus_atleast1dose], Math.floor(mxover12p\/10)), \n weight: 0.5, opacity: getOpacity(feature.properties[prop12plus_atleast1dose]),\n color: 'black', fillOpacity: getOpacity(feature.properties[prop12plus_atleast1dose]) }; }\nfunction plus12Style2_2 (feature) { return { fillColor: plus12Color2 (feature.properties[prop12plus_fully], Math.floor(mxover12p\/10)), weight: 0.5, \n opacity: getOpacity(feature.properties[prop12plus_fully]),\n color: 'black', fillOpacity: getOpacity(feature.properties[prop12plus_fully]) }; }\nfunction plus12Style2_3 (feature) { return { fillColor: plus12Color2 (feature.properties[prop12plus_1additional], Math.floor(mxover12p\/10)), \n weight: 0.5, opacity: getOpacity(feature.properties[prop12plus_1additional]),\n color: 'black', fillOpacity: getOpacity(feature.properties[prop12plus_1additional]) }; }\nfunction plus12Style2_4 (feature) { return { fillColor: plus12Color2 (feature.properties[prop12plus_2additional], Math.floor(mxover12p\/10)), \n weight: 0.5, opacity: getOpacity(feature.properties[prop12plus_2additional]),\n color: 'black', fillOpacity: getOpacity(feature.properties[prop12plus_2additional]) }; }\n\nfunction plus5Color1(d, n) { return d > 9*n ? '#36001B':\n d > 8*n ? '#6C0036':\n d > 7*n ? '#8A0045':\n d > 6*n ? '#A80054':\n d > 5*n ? '#BC005E':\n d > 4*n ? '#DA006D' :\n d > 3*n ? '#FE007F' :\n d > 2*n ? '#FF53A9' :\n d > n ? '#FF79BC' :\n d > 0 ? '#FF9BCD' :\n d == 0 ? '#FFBDDE' :\n '#FBF8F3'; }\nfunction plus5Color2(d, n) { return d > 9*n ? '#17003A':\n d > 8*n ? '#300076':\n d > 7*n ? '#4200A2':\n d > 6*n ? '#5500D2':\n d > 5*n ? '#8633FF':\n d > 4*n ? '#944BFF' :\n d > 3*n ? '#A365FF' :\n d > 2*n ? '#B685FF' :\n d > n ? '#CFAFFF' :\n d > 0 ? '#DCC5FF' :\n d == 0 ? '#EBDDFF' :\n '#FBF8F3'; }\nfunction plus5Style1_1 (feature) { return { fillColor: plus5Color1 (feature.properties[num5plus_atleast1dose], Math.floor(mxover5\/10)), \n weight: 0.5, opacity: getOpacity(feature.properties[num5plus_atleast1dose]),\n color: 'black', fillOpacity: getOpacity(feature.properties[num5plus_atleast1dose]) }; }\nfunction plus5Style1_2 (feature) { return { fillColor: plus5Color1 (feature.properties[num5plus_fully], Math.floor(mxover5\/10)), weight: 0.5, \n opacity: getOpacity(feature.properties[num5plus_fully]),\n color: 'black', fillOpacity: getOpacity(feature.properties[num5plus_fully]) }; }\nfunction plus5Style1_3 (feature) { return { fillColor: plus5Color1 (feature.properties[num5plus_1additional], Math.floor(mxover5\/10)), \n weight: 0.5, opacity: getOpacity(feature.properties[num5plus_1additional]),\n color: 'black', fillOpacity: getOpacity(feature.properties[num5plus_1additional]) }; }\nfunction plus5Style1_4 (feature) { return { fillColor: plus5Color1 (feature.properties[num5plus_2additional], Math.floor(mxover5\/10)), \n weight: 0.5, opacity: getOpacity(feature.properties[num5plus_2additional]),\n color: 'black', fillOpacity: getOpacity(feature.properties[num5plus_2additional]) }; }\nfunction plus5Style2_1 (feature) { return { fillColor: plus5Color2 (feature.properties[prop5plus_atleast1dose], Math.floor(mxover5p\/10)), \n weight: 0.5, opacity: getOpacity(feature.properties[prop5plus_atleast1dose]),\n color: 'black', fillOpacity: getOpacity(feature.properties[prop5plus_atleast1dose]) }; }\nfunction plus5Style2_2 (feature) { return { fillColor: plus5Color2 (feature.properties[prop5plus_fully], Math.floor(mxover5p\/10)), weight: 0.5, \n opacity: getOpacity(feature.properties[prop5plus_fully]),\n color: 'black', fillOpacity: getOpacity(feature.properties[prop5plus_fully]) }; }\nfunction plus5Style2_3 (feature) { return { fillColor: plus5Color2 (feature.properties[prop5plus_1additional], Math.floor(mxover5p\/10)), \n weight: 0.5, opacity: getOpacity(feature.properties[prop5plus_1additional]),\n color: 'black', fillOpacity: getOpacity(feature.properties[prop5plus_1additional]) }; }\nfunction plus5Style2_4 (feature) { return { fillColor: plus5Color2 (feature.properties[prop5plus_2additional], Math.floor(mxover5p\/10)), \n weight: 0.5, opacity: getOpacity(feature.properties[prop5plus_2additional]),\n color: 'black', fillOpacity: getOpacity(feature.properties[prop5plus_2additional]) }; }\n\n\nfunction highlightFeature1_1 (e) {\n var layer = e.target; layer.setStyle({ weight: .5, color: '#000', dashArray: '', fillOpacity: 0.7 });\n if (!L.Browser.opera && !L.Browser.edge) layer.bringToFront(); info1_1.update(layer.feature.properties);\n}\nfunction resetHighlight1_1 (e) { geojson1_1.resetStyle(e.target); info1_1.update(); }\nfunction zoomToFeature1_1 (e) { map1_1.fitBounds (e.target.getBounds()); }\nfunction onEachFeature1_1 (feature, layer) { layer.on({ mouseover: highlightFeature1_1, mouseout: resetHighlight1_1, click: zoomToFeature1_1 }); }\n\nfunction highlightFeature1_2 (e) {\n var layer = e.target; layer.setStyle({ weight: .5, color: '#000', dashArray: '', fillOpacity: 0.7 });\n if (!L.Browser.opera && !L.Browser.edge) layer.bringToFront(); info1_2.update(layer.feature.properties);\n}\nfunction resetHighlight1_2 (e) { geojson1_2.resetStyle(e.target); info1_2.update(); }\nfunction zoomToFeature1_2 (e) { map1_2.fitBounds (e.target.getBounds()); }\nfunction onEachFeature1_2 (feature, layer) { layer.on({ mouseover: highlightFeature1_2, mouseout: resetHighlight1_2, click: zoomToFeature1_2 }); }\n\nfunction highlightFeature1_3 (e) {\n var layer = e.target; layer.setStyle({ weight: .5, color: '#000', dashArray: '', fillOpacity: 0.7 });\n if (!L.Browser.opera && !L.Browser.edge) layer.bringToFront(); info1_3.update(layer.feature.properties);\n}\nfunction resetHighlight1_3 (e) { geojson1_3.resetStyle(e.target); info1_3.update(); }\nfunction zoomToFeature1_3 (e) { map1_3.fitBounds (e.target.getBounds()); }\nfunction onEachFeature1_3 (feature, layer) { layer.on({ mouseover: highlightFeature1_3, mouseout: resetHighlight1_3, click: zoomToFeature1_3 }); }\n\nfunction highlightFeature1_4 (e) {\n var layer = e.target; layer.setStyle({ weight: .5, color: '#000', dashArray: '', fillOpacity: 0.7 });\n if (!L.Browser.opera && !L.Browser.edge) layer.bringToFront(); info1_4.update(layer.feature.properties);\n}\nfunction resetHighlight1_4 (e) { geojson1_4.resetStyle(e.target); info1_4.update(); }\nfunction zoomToFeature1_4 (e) { map1_4.fitBounds (e.target.getBounds()); }\nfunction onEachFeature1_4 (feature, layer) { layer.on({ mouseover: highlightFeature1_4, mouseout: resetHighlight1_4, click: zoomToFeature1_4 }); }\n\n\/\/---------------\nfunction highlightFeature2_1 (e) {\n var layer = e.target; layer.setStyle({ weight: .5, color: '#000', dashArray: '', fillOpacity: 0.7 });\n if (!L.Browser.opera && !L.Browser.edge) layer.bringToFront(); info2_1.update(layer.feature.properties);\n}\nfunction resetHighlight2_1 (e) { geojson2_1.resetStyle(e.target); info2_1.update(); }\nfunction zoomToFeature2_1 (e) { map2_1.fitBounds (e.target.getBounds()); }\nfunction onEachFeature2_1 (feature, layer) { layer.on({ mouseover: highlightFeature2_1, mouseout: resetHighlight2_1, click: zoomToFeature2_1 }); }\n\nfunction highlightFeature2_2 (e) {\n var layer = e.target; layer.setStyle({ weight: .5, color: '#000', dashArray: '', fillOpacity: 0.7 });\n if (!L.Browser.opera && !L.Browser.edge) layer.bringToFront(); info2_2.update(layer.feature.properties);\n}\nfunction resetHighlight2_2 (e) { geojson2_2.resetStyle(e.target); info2_2.update(); }\nfunction zoomToFeature2_2 (e) { map2_2.fitBounds (e.target.getBounds()); }\nfunction onEachFeature2_2 (feature, layer) { layer.on({ mouseover: highlightFeature2_2, mouseout: resetHighlight2_2, click: zoomToFeature2_2 }); }\n\nfunction highlightFeature2_3 (e) {\n var layer = e.target; layer.setStyle({ weight: .5, color: '#000', dashArray: '', fillOpacity: 0.7 });\n if (!L.Browser.opera && !L.Browser.edge) layer.bringToFront(); info2_3.update(layer.feature.properties);\n}\nfunction resetHighlight2_3 (e) { geojson2_3.resetStyle(e.target); info2_3.update(); }\nfunction zoomToFeature2_3 (e) { map2_3.fitBounds (e.target.getBounds()); }\nfunction onEachFeature2_3 (feature, layer) { layer.on({ mouseover: highlightFeature2_3, mouseout: resetHighlight2_3, click: zoomToFeature2_3 }); }\n\nfunction highlightFeature2_4 (e) {\n var layer = e.target; layer.setStyle({ weight: .5, color: '#000', dashArray: '', fillOpacity: 0.7 });\n if (!L.Browser.opera && !L.Browser.edge) layer.bringToFront(); info2_4.update(layer.feature.properties);\n}\nfunction resetHighlight2_4 (e) { geojson2_4.resetStyle(e.target); info2_4.update(); }\nfunction zoomToFeature2_4 (e) { map2_4.fitBounds (e.target.getBounds()); }\nfunction onEachFeature2_4 (feature, layer) { layer.on({ mouseover: highlightFeature2_4, mouseout: resetHighlight2_4, click: zoomToFeature2_4 }); }\n\n\/\/-----------------\nfunction highlightFeature3_1 (e) {\n var layer = e.target; layer.setStyle({ weight: .5, color: '#000', dashArray: '', fillOpacity: 0.7 });\n if (!L.Browser.opera && !L.Browser.edge) layer.bringToFront(); info3_1.update(layer.feature.properties);\n}\nfunction resetHighlight3_1 (e) { geojson3_1.resetStyle(e.target); info3_1.update(); }\nfunction zoomToFeature3_1 (e) { map3_1.fitBounds (e.target.getBounds()); }\nfunction onEachFeature3_1 (feature, layer) { layer.on({ mouseover: highlightFeature3_1, mouseout: resetHighlight3_1, click: zoomToFeature3_1 }); }\n\nfunction highlightFeature3_2 (e) {\n var layer = e.target; layer.setStyle({ weight: .5, color: '#000', dashArray: '', fillOpacity: 0.7 });\n if (!L.Browser.opera && !L.Browser.edge) layer.bringToFront(); info3_2.update(layer.feature.properties);\n}\nfunction resetHighlight3_2 (e) { geojson3_2.resetStyle(e.target); info3_2.update(); }\nfunction zoomToFeature3_2 (e) { map3_2.fitBounds (e.target.getBounds()); }\nfunction onEachFeature3_2 (feature, layer) { layer.on({ mouseover: highlightFeature3_2, mouseout: resetHighlight3_2, click: zoomToFeature3_2 }); }\n\nfunction highlightFeature3_3 (e) {\n var layer = e.target; layer.setStyle({ weight: .5, color: '#000', dashArray: '', fillOpacity: 0.7 });\n if (!L.Browser.opera && !L.Browser.edge) layer.bringToFront(); info3_3.update(layer.feature.properties);\n}\nfunction resetHighlight3_3 (e) { geojson3_3.resetStyle(e.target); info3_3.update(); }\nfunction zoomToFeature3_3 (e) { map3_3.fitBounds (e.target.getBounds()); }\nfunction onEachFeature3_3 (feature, layer) { layer.on({ mouseover: highlightFeature3_3, mouseout: resetHighlight3_3, click: zoomToFeature3_3 }); }\n\nfunction highlightFeature3_4 (e) {\n var layer = e.target; layer.setStyle({ weight: .5, color: '#000', dashArray: '', fillOpacity: 0.7 });\n if (!L.Browser.opera && !L.Browser.edge) layer.bringToFront(); info3_4.update(layer.feature.properties);\n}\nfunction resetHighlight3_4 (e) { geojson3_4.resetStyle(e.target); info3_4.update(); }\nfunction zoomToFeature3_4 (e) { map3_4.fitBounds (e.target.getBounds()); }\nfunction onEachFeature3_4 (feature, layer) { layer.on({ mouseover: highlightFeature3_4, mouseout: resetHighlight3_4, click: zoomToFeature3_4 }); }\n\n\/\/----------------------------------\nfunction highlightFeature4_1 (e) {\n var layer = e.target; layer.setStyle({ weight: .5, color: '#000', dashArray: '', fillOpacity: 0.7 });\n if (!L.Browser.opera && !L.Browser.edge) layer.bringToFront(); info4_1.update(layer.feature.properties);\n}\nfunction resetHighlight4_1 (e) { geojson4_1.resetStyle(e.target); info4_1.update(); }\nfunction zoomToFeature4_1 (e) { map4_1.fitBounds (e.target.getBounds()); }\nfunction onEachFeature4_1 (feature, layer) { layer.on({ mouseover: highlightFeature4_1, mouseout: resetHighlight4_1, click: zoomToFeature4_1 }); }\n\nfunction highlightFeature4_2 (e) {\n var layer = e.target; layer.setStyle({ weight: .5, color: '#000', dashArray: '', fillOpacity: 0.7 });\n if (!L.Browser.opera && !L.Browser.edge) layer.bringToFront(); info4_2.update(layer.feature.properties);\n}\nfunction resetHighlight4_2 (e) { geojson4_2.resetStyle(e.target); info4_2.update(); }\nfunction zoomToFeature4_2 (e) { map4_2.fitBounds (e.target.getBounds()); }\nfunction onEachFeature4_2 (feature, layer) { layer.on({ mouseover: highlightFeature4_2, mouseout: resetHighlight4_2, click: zoomToFeature4_2 }); }\n\nfunction highlightFeature4_3 (e) {\n var layer = e.target; layer.setStyle({ weight: .5, color: '#000', dashArray: '', fillOpacity: 0.7 });\n if (!L.Browser.opera && !L.Browser.edge) layer.bringToFront(); info4_3.update(layer.feature.properties);\n}\nfunction resetHighlight4_3 (e) { geojson4_3.resetStyle(e.target); info4_3.update(); }\nfunction zoomToFeature4_3 (e) { map4_3.fitBounds (e.target.getBounds()); }\nfunction onEachFeature4_3 (feature, layer) { layer.on({ mouseover: highlightFeature4_3, mouseout: resetHighlight4_3, click: zoomToFeature4_3 }); }\n\nfunction highlightFeature4_4 (e) {\n var layer = e.target; layer.setStyle({ weight: .5, color: '#000', dashArray: '', fillOpacity: 0.7 });\n if (!L.Browser.opera && !L.Browser.edge) layer.bringToFront(); info4_4.update(layer.feature.properties);\n}\nfunction resetHighlight4_4 (e) { geojson4_4.resetStyle(e.target); info4_4.update(); }\nfunction zoomToFeature4_4 (e) { map4_4.fitBounds (e.target.getBounds()); }\nfunction onEachFeature4_4 (feature, layer) { layer.on({ mouseover: highlightFeature4_4, mouseout: resetHighlight4_4, click: zoomToFeature4_4 }); }\n\n\/\/-------------------\nfunction highlightFeature5_1 (e) {\n var layer = e.target; layer.setStyle({ weight: .5, color: '#000', dashArray: '', fillOpacity: 0.7 });\n if (!L.Browser.opera && !L.Browser.edge) layer.bringToFront(); info5_1.update(layer.feature.properties);\n}\nfunction resetHighlight5_1 (e) { geojson5_1.resetStyle(e.target); info5_1.update(); }\nfunction zoomToFeature5_1 (e) { map5_1.fitBounds (e.target.getBounds()); }\nfunction onEachFeature5_1 (feature, layer) { layer.on({ mouseover: highlightFeature5_1, mouseout: resetHighlight5_1, click: zoomToFeature5_1 }); }\n\nfunction highlightFeature5_2 (e) {\n var layer = e.target; layer.setStyle({ weight: .5, color: '#000', dashArray: '', fillOpacity: 0.7 });\n if (!L.Browser.opera && !L.Browser.edge) layer.bringToFront(); info5_2.update(layer.feature.properties);\n}\nfunction resetHighlight5_2 (e) { geojson5_2.resetStyle(e.target); info5_2.update(); }\nfunction zoomToFeature5_2 (e) { map5_2.fitBounds (e.target.getBounds()); }\nfunction onEachFeature5_2 (feature, layer) { layer.on({ mouseover: highlightFeature5_2, mouseout: resetHighlight5_2, click: zoomToFeature5_2 }); }\n\nfunction highlightFeature5_3 (e) {\n var layer = e.target; layer.setStyle({ weight: .5, color: '#000', dashArray: '', fillOpacity: 0.7 });\n if (!L.Browser.opera && !L.Browser.edge) layer.bringToFront(); info5_3.update(layer.feature.properties);\n}\nfunction resetHighlight5_3 (e) { geojson5_3.resetStyle(e.target); info5_3.update(); }\nfunction zoomToFeature5_3 (e) { map5_3.fitBounds (e.target.getBounds()); }\nfunction onEachFeature5_3 (feature, layer) { layer.on({ mouseover: highlightFeature5_3, mouseout: resetHighlight5_3, click: zoomToFeature5_3 }); }\n\nfunction highlightFeature5_4 (e) {\n var layer = e.target; layer.setStyle({ weight: .5, color: '#000', dashArray: '', fillOpacity: 0.7 });\n if (!L.Browser.opera && !L.Browser.edge) layer.bringToFront(); info5_4.update(layer.feature.properties);\n}\nfunction resetHighlight5_4 (e) { geojson5_4.resetStyle(e.target); info5_4.update(); }\nfunction zoomToFeature5_4 (e) { map5_4.fitBounds (e.target.getBounds()); }\nfunction onEachFeature5_4 (feature, layer) { layer.on({ mouseover: highlightFeature5_4, mouseout: resetHighlight5_4, click: zoomToFeature5_4 }); }\n\n\/\/--------------------------\nfunction highlightFeature6_1 (e) {\n var layer = e.target; layer.setStyle({ weight: .5, color: '#000', dashArray: '', fillOpacity: 0.7 });\n if (!L.Browser.opera && !L.Browser.edge) layer.bringToFront(); info6_1.update(layer.feature.properties);\n}\nfunction resetHighlight6_1 (e) { geojson6_1.resetStyle(e.target); info6_1.update(); }\nfunction zoomToFeature6_1 (e) { map6_1.fitBounds (e.target.getBounds()); }\nfunction onEachFeature6_1 (feature, layer) { layer.on({ mouseover: highlightFeature6_1, mouseout: resetHighlight6_1, click: zoomToFeature6_1 }); }\n\nfunction highlightFeature6_2 (e) {\n var layer = e.target; layer.setStyle({ weight: .5, color: '#000', dashArray: '', fillOpacity: 0.7 });\n if (!L.Browser.opera && !L.Browser.edge) layer.bringToFront(); info6_2.update(layer.feature.properties);\n}\nfunction resetHighlight6_2 (e) { geojson6_2.resetStyle(e.target); info6_2.update(); }\nfunction zoomToFeature6_2 (e) { map6_2.fitBounds (e.target.getBounds()); }\nfunction onEachFeature6_2 (feature, layer) { layer.on({ mouseover: highlightFeature6_2, mouseout: resetHighlight6_2, click: zoomToFeature6_2 }); }\n\nfunction highlightFeature6_3 (e) {\n var layer = e.target; layer.setStyle({ weight: .5, color: '#000', dashArray: '', fillOpacity: 0.7 });\n if (!L.Browser.opera && !L.Browser.edge) layer.bringToFront(); info6_3.update(layer.feature.properties);\n}\nfunction resetHighlight6_3 (e) { geojson6_3.resetStyle(e.target); info6_3.update(); }\nfunction zoomToFeature6_3 (e) { map6_3.fitBounds (e.target.getBounds()); }\nfunction onEachFeature6_3 (feature, layer) { layer.on({ mouseover: highlightFeature6_3, mouseout: resetHighlight6_3, click: zoomToFeature6_3 }); }\n\nfunction highlightFeature6_4 (e) {\n var layer = e.target; layer.setStyle({ weight: .5, color: '#000', dashArray: '', fillOpacity: 0.7 });\n if (!L.Browser.opera && !L.Browser.edge) layer.bringToFront(); info6_4.update(layer.feature.properties);\n}\nfunction resetHighlight6_4 (e) { geojson6_4.resetStyle(e.target); info6_4.update(); }\nfunction zoomToFeature6_4 (e) { map6_4.fitBounds (e.target.getBounds()); }\nfunction onEachFeature6_4 (feature, layer) { layer.on({ mouseover: highlightFeature6_4, mouseout: resetHighlight6_4, click: zoomToFeature6_4 }); }\n\n\/\/----------------------------------\nfunction highlightFeature7_1 (e) {\n var layer = e.target; layer.setStyle({ weight: .5, color: '#000', dashArray: '', fillOpacity: 0.7 });\n if (!L.Browser.opera && !L.Browser.edge) layer.bringToFront(); info7_1.update(layer.feature.properties);\n}\nfunction resetHighlight7_1 (e) { geojson7_1.resetStyle(e.target); info7_1.update(); }\nfunction zoomToFeature7_1 (e) { map7_1.fitBounds (e.target.getBounds()); }\nfunction onEachFeature7_1 (feature, layer) { layer.on({ mouseover: highlightFeature7_1, mouseout: resetHighlight7_1, click: zoomToFeature7_1 }); }\n\nfunction highlightFeature7_2 (e) {\n var layer = e.target; layer.setStyle({ weight: .5, color: '#000', dashArray: '', fillOpacity: 0.7 });\n if (!L.Browser.opera && !L.Browser.edge) layer.bringToFront(); info7_2.update(layer.feature.properties);\n}\nfunction resetHighlight7_2 (e) { geojson7_2.resetStyle(e.target); info7_2.update(); }\nfunction zoomToFeature7_2 (e) { map7_2.fitBounds (e.target.getBounds()); }\nfunction onEachFeature7_2 (feature, layer) { layer.on({ mouseover: highlightFeature7_2, mouseout: resetHighlight7_2, click: zoomToFeature7_2 }); }\n\nfunction highlightFeature7_3 (e) {\n var layer = e.target; layer.setStyle({ weight: .5, color: '#000', dashArray: '', fillOpacity: 0.7 });\n if (!L.Browser.opera && !L.Browser.edge) layer.bringToFront(); info7_3.update(layer.feature.properties);\n}\nfunction resetHighlight7_3 (e) { geojson7_3.resetStyle(e.target); info7_3.update(); }\nfunction zoomToFeature7_3 (e) { map7_3.fitBounds (e.target.getBounds()); }\nfunction onEachFeature7_3 (feature, layer) { layer.on({ mouseover: highlightFeature7_3, mouseout: resetHighlight7_3, click: zoomToFeature7_3 }); }\n\nfunction highlightFeature7_4 (e) {\n var layer = e.target; layer.setStyle({ weight: .5, color: '#000', dashArray: '', fillOpacity: 0.7 });\n if (!L.Browser.opera && !L.Browser.edge) layer.bringToFront(); info7_4.update(layer.feature.properties);\n}\nfunction resetHighlight7_4 (e) { geojson7_4.resetStyle(e.target); info7_4.update(); }\nfunction zoomToFeature7_4 (e) { map7_4.fitBounds (e.target.getBounds()); }\nfunction onEachFeature7_4 (feature, layer) { layer.on({ mouseover: highlightFeature7_4, mouseout: resetHighlight7_4, click: zoomToFeature7_4 }); }\n\n\/\/-----------------------------------\nfunction highlightFeature8_1 (e) {\n var layer = e.target; layer.setStyle({ weight: .5, color: '#000', dashArray: '', fillOpacity: 0.7 });\n if (!L.Browser.opera && !L.Browser.edge) layer.bringToFront(); info8_1.update(layer.feature.properties);\n}\nfunction resetHighlight8_1 (e) { geojson8_1.resetStyle(e.target); info8_1.update(); }\nfunction zoomToFeature8_1 (e) { map8_1.fitBounds (e.target.getBounds()); }\nfunction onEachFeature8_1 (feature, layer) { layer.on({ mouseover: highlightFeature8_1, mouseout: resetHighlight8_1, click: zoomToFeature8_1 }); }\n\nfunction highlightFeature8_2 (e) {\n var layer = e.target; layer.setStyle({ weight: .5, color: '#000', dashArray: '', fillOpacity: 0.7 });\n if (!L.Browser.opera && !L.Browser.edge) layer.bringToFront(); info8_2.update(layer.feature.properties);\n}\nfunction resetHighlight8_2 (e) { geojson8_2.resetStyle(e.target); info8_2.update(); }\nfunction zoomToFeature8_2 (e) { map8_2.fitBounds (e.target.getBounds()); }\nfunction onEachFeature8_2 (feature, layer) { layer.on({ mouseover: highlightFeature8_2, mouseout: resetHighlight8_2, click: zoomToFeature8_2 }); }\n\nfunction highlightFeature8_3 (e) {\n var layer = e.target; layer.setStyle({ weight: .5, color: '#000', dashArray: '', fillOpacity: 0.7 });\n if (!L.Browser.opera && !L.Browser.edge) layer.bringToFront(); info8_3.update(layer.feature.properties);\n}\nfunction resetHighlight8_3 (e) { geojson8_3.resetStyle(e.target); info8_3.update(); }\nfunction zoomToFeature8_3 (e) { map8_3.fitBounds (e.target.getBounds()); }\nfunction onEachFeature8_3 (feature, layer) { layer.on({ mouseover: highlightFeature8_3, mouseout: resetHighlight8_3, click: zoomToFeature8_3 }); }\n\nfunction highlightFeature8_4 (e) {\n var layer = e.target; layer.setStyle({ weight: .5, color: '#000', dashArray: '', fillOpacity: 0.7 });\n if (!L.Browser.opera && !L.Browser.edge) layer.bringToFront(); info8_4.update(layer.feature.properties);\n}\nfunction resetHighlight8_4 (e) { geojson8_4.resetStyle(e.target); info8_4.update(); }\nfunction zoomToFeature8_4 (e) { map8_4.fitBounds (e.target.getBounds()); }\nfunction onEachFeature8_4 (feature, layer) { layer.on({ mouseover: highlightFeature8_4, mouseout: resetHighlight8_4, click: zoomToFeature8_4 }); }\n\n\/*------------------------- Range Functions ---------------------------------*\/\nfunction showtotalrange (v) {\n d = dates[Number(v)];\n document.getElementById (\"total\").innerHTML = d;\n \n numtotal_atleast1dose = \"numtotal_atleast1dose\" + d;\n numtotal_fully = \"numtotal_fully\" + d;\n numtotal_1additional = \"numtotal_1additional\" + d;\n numtotal_2additional = \"numtotal_2additional\" + d;\n proptotal_atleast1dose = \"proptotal_atleast1dose\" + d;\n proptotal_fully = \"proptotal_fully\" + d;\n proptotal_1additional = \"proptotal_1additional\" + d;\n proptotal_2additional = \"proptotal_2additional\" + d;\n\n if (geojson1_1) map1_1.removeLayer(geojson1_1);\n geojson1_1 = L.geoJson(mycanada, {style: totalStyle1_1, onEachFeature: onEachFeature1_1}).addTo(map1_1);\n if (geojson1_2) map1_2.removeLayer(geojson1_2);\n geojson1_2 = L.geoJson(mycanada, {style: totalStyle1_2, onEachFeature: onEachFeature1_2}).addTo(map1_2);\n if (geojson1_3) map1_3.removeLayer(geojson1_3);\n geojson1_3 = L.geoJson(mycanada, {style: totalStyle1_3, onEachFeature: onEachFeature1_3}).addTo(map1_3);\n if (geojson1_4) map1_4.removeLayer(geojson1_4);\n geojson1_4 = L.geoJson(mycanada, {style: totalStyle1_4, onEachFeature: onEachFeature1_4}).addTo(map1_4);\n\n if (geojson2_1) map2_1.removeLayer(geojson2_1);\n geojson2_1 = L.geoJson(mycanada, {style: totalStyle2_1, onEachFeature: onEachFeature2_1}).addTo(map2_1);\n if (geojson2_2) map2_2.removeLayer(geojson2_2);\n geojson2_2 = L.geoJson(mycanada, {style: totalStyle2_2, onEachFeature: onEachFeature2_2}).addTo(map2_2);\n if (geojson2_3) map2_3.removeLayer(geojson2_3);\n geojson2_3 = L.geoJson(mycanada, {style: totalStyle2_3, onEachFeature: onEachFeature2_3}).addTo(map2_3);\n if (geojson2_4) map2_4.removeLayer(geojson2_4);\n geojson2_4 = L.geoJson(mycanada, {style: totalStyle2_4, onEachFeature: onEachFeature2_4}).addTo(map2_4);\n}\nfunction show18range (v) {\n d = dates[Number(v)];\n document.getElementById (\"plus18\").innerHTML = d;\n\n num18plus_atleast1dose = \"num18plus_atleast1dose\" + d;\n num18plus_fully = \"num18plus_fully\" + d;\n num18plus_1additional = \"num18plus_1additional\" + d;\n num18plus_2additional = \"num18plus_2additional\" + d;\n prop18plus_atleast1dose = \"prop18plus_atleast1dose\" + d;\n prop18plus_fully = \"prop18plus_fully\" + d;\n prop18plus_1additional = \"prop18plus_1additional\" + d;\n prop18plus_2additional = \"prop18plus_2additional\" + d;\n\n if (geojson3_1) map3_1.removeLayer(geojson3_1);\n geojson3_1 = L.geoJson(mycanada, {style: plus18Style1_1, onEachFeature: onEachFeature3_1}).addTo(map3_1);\n if (geojson3_2) map3_2.removeLayer(geojson3_2);\n geojson3_2 = L.geoJson(mycanada, {style: plus18Style1_2, onEachFeature: onEachFeature3_2}).addTo(map3_2);\n if (geojson3_3) map3_3.removeLayer(geojson3_3);\n geojson3_3 = L.geoJson(mycanada, {style: plus18Style1_3, onEachFeature: onEachFeature3_3}).addTo(map3_3);\n if (geojson3_4) map3_4.removeLayer(geojson3_4);\n geojson3_4 = L.geoJson(mycanada, {style: plus18Style1_4, onEachFeature: onEachFeature3_4}).addTo(map3_4);\n\n if (geojson4_1) map4_1.removeLayer(geojson4_1);\n geojson4_1 = L.geoJson(mycanada, {style: plus18Style2_1, onEachFeature: onEachFeature4_1}).addTo(map4_1);\n if (geojson4_2) map4_2.removeLayer(geojson4_2);\n geojson4_2 = L.geoJson(mycanada, {style: plus18Style2_2, onEachFeature: onEachFeature4_2}).addTo(map4_2);\n if (geojson4_3) map4_3.removeLayer(geojson4_3);\n geojson4_3 = L.geoJson(mycanada, {style: plus18Style2_3, onEachFeature: onEachFeature4_3}).addTo(map4_3);\n if (geojson4_4) map4_4.removeLayer(geojson4_4);\n geojson4_4 = L.geoJson(mycanada, {style: plus18Style2_4, onEachFeature: onEachFeature4_4}).addTo(map4_4);\n\n}\nfunction show12range (v) {\n d = dates[Number(v)];\n document.getElementById (\"plus12\").innerHTML = d;\n\n num12plus_atleast1dose = \"num12plus_atleast1dose\" + d;\n num12plus_fully = \"num12plus_fully\" + d;\n num12plus_1additional = \"num12plus_1additional\" + d;\n num12plus_2additional = \"num12plus_2additional\" + d;\n prop12plus_atleast1dose = \"prop12plus_atleast1dose\" + d;\n prop12plus_fully = \"prop12plus_fully\" + d;\n prop12plus_1additional = \"prop12plus_1additional\" + d;\n prop12plus_2additional = \"prop12plus_2additional\" + d;\n\n if (geojson5_1) map5_1.removeLayer(geojson5_1);\n geojson5_1 = L.geoJson(mycanada, {style: plus12Style1_1, onEachFeature: onEachFeature5_1}).addTo(map5_1);\n if (geojson5_2) map5_2.removeLayer(geojson5_2);\n geojson5_2 = L.geoJson(mycanada, {style: plus12Style1_2, onEachFeature: onEachFeature5_2}).addTo(map5_2);\n if (geojson5_3) map5_3.removeLayer(geojson5_3);\n geojson5_3 = L.geoJson(mycanada, {style: plus12Style1_3, onEachFeature: onEachFeature5_3}).addTo(map5_3);\n if (geojson5_4) map5_4.removeLayer(geojson5_4);\n geojson5_4 = L.geoJson(mycanada, {style: plus12Style1_4, onEachFeature: onEachFeature5_4}).addTo(map5_4);\n\n if (geojson6_1) map6_1.removeLayer(geojson6_1);\n geojson6_1 = L.geoJson(mycanada, {style: plus12Style2_1, onEachFeature: onEachFeature6_1}).addTo(map6_1);\n if (geojson6_2) map6_2.removeLayer(geojson6_2);\n geojson6_2 = L.geoJson(mycanada, {style: plus12Style2_2, onEachFeature: onEachFeature6_2}).addTo(map6_2);\n if (geojson6_3) map6_3.removeLayer(geojson6_3);\n geojson6_3 = L.geoJson(mycanada, {style: plus12Style2_3, onEachFeature: onEachFeature6_3}).addTo(map6_3);\n if (geojson6_4) map6_4.removeLayer(geojson6_4);\n geojson6_4 = L.geoJson(mycanada, {style: plus12Style2_4, onEachFeature: onEachFeature6_4}).addTo(map6_4);\n\n}\nfunction show5range (v) {\n d = dates[Number(v)];\n document.getElementById (\"plus5\").innerHTML = d;\n\n num5plus_atleast1dose = \"num5plus_atleast1dose\" + d;\n num5plus_fully = \"num5plus_fully\" + d;\n num5plus_1additional = \"num5plus_1additional\" + d;\n num5plus_2additional = \"num5plus_2additional\" + d;\n prop5plus_atleast1dose = \"prop5plus_atleast1dose\" + d;\n prop5plus_fully = \"prop5plus_fully\" + d;\n prop5plus_1additional = \"prop5plus_1additional\" + d;\n prop5plus_2additional = \"prop5plus_2additional\" + d;\n\n if (geojson7_1) map7_1.removeLayer(geojson7_1);\n geojson7_1 = L.geoJson(mycanada, {style: plus5Style1_1, onEachFeature: onEachFeature7_1}).addTo(map7_1);\n if (geojson7_2) map7_2.removeLayer(geojson7_2);\n geojson7_2 = L.geoJson(mycanada, {style: plus5Style1_2, onEachFeature: onEachFeature7_2}).addTo(map7_2);\n if (geojson7_3) map7_3.removeLayer(geojson7_3);\n geojson7_3 = L.geoJson(mycanada, {style: plus5Style1_3, onEachFeature: onEachFeature7_3}).addTo(map7_3);\n if (geojson7_4) map7_4.removeLayer(geojson7_4);\n geojson7_4 = L.geoJson(mycanada, {style: plus5Style1_4, onEachFeature: onEachFeature7_4}).addTo(map7_4);\n\n if (geojson8_1) map8_1.removeLayer(geojson8_1);\n geojson8_1 = L.geoJson(mycanada, {style: plus5Style2_1, onEachFeature: onEachFeature8_1}).addTo(map8_1);\n if (geojson8_2) map8_2.removeLayer(geojson8_2);\n geojson8_2 = L.geoJson(mycanada, {style: plus5Style2_2, onEachFeature: onEachFeature8_2}).addTo(map8_2);\n if (geojson8_3) map8_3.removeLayer(geojson8_3);\n geojson8_3 = L.geoJson(mycanada, {style: plus5Style2_3, onEachFeature: onEachFeature8_3}).addTo(map8_3);\n if (geojson8_4) map8_4.removeLayer(geojson8_4);\n geojson8_4 = L.geoJson(mycanada, {style: plus5Style2_4, onEachFeature: onEachFeature8_4}).addTo(map8_4);\n\n}\n\n\/* -------------------------- Cards -------------------------- *\/\nfunction setCards () {\n v = [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0];\n province = mycanada.features;\n for (var i=0; i < province.length; i++) {\n item = province[i][\"properties\"][\"Name_EN\"]\n if (document.getElementById(item) && document.getElementById(item).disabled == false && document.getElementById(item).checked) {\n \n dt = dates [mx_r_value];\n\n col = \"num18plus_atleast1dose\" + dt;\n dummy = Number(province[i][\"properties\"][col]);\n if (dummy) { v[0] += dummy; }\n\n col = \"num18plus_fully\" + dt;\n dummy = Number(province[i][\"properties\"][col]);\n if (dummy) { v[1] += dummy; }\n\n col = \"num18plus_1additional\" + dt;\n dummy = Number(province[i][\"properties\"][col]);\n if (dummy) { v[2] += dummy; }\n\n col = \"num18plus_2additional\" + dt;\n dummy = Number(province[i][\"properties\"][col]);\n if (dummy) { v[3] += dummy; }\n\n col = \"num12plus_atleast1dose\" + dt;\n dummy = Number(province[i][\"properties\"][col]);\n if (dummy) { v[4] += dummy; }\n\n col = \"num12plus_fully\" + dt;\n dummy = Number(province[i][\"properties\"][col]);\n if (dummy) { v[5] += dummy; }\n\n col = \"num12plus_1additional\" + dt;\n dummy = Number(province[i][\"properties\"][col]);\n if (dummy) { v[6] += dummy; }\n\n col = \"num12plus_2additional\" + dt;\n dummy = Number(province[i][\"properties\"][col]);\n if (dummy) { v[7] += dummy; }\n\n col = \"num5plus_atleast1dose\" + dt;\n dummy = Number(province[i][\"properties\"][col]);\n if (dummy) { v[8] += dummy; }\n\n col = \"num5plus_fully\" + dt;\n dummy = Number(province[i][\"properties\"][col]);\n if (dummy) { v[9] += dummy; }\n\n col = \"num5plus_1additional\" + dt;\n dummy = Number(province[i][\"properties\"][col]);\n if (dummy) { v[10] += dummy; }\n\n col = \"num5plus_2additional\" + dt;\n dummy = Number(province[i][\"properties\"][col]);\n if (dummy) { v[11] += dummy; }\n\n col = \"numtotal_atleast1dose\" + dt;\n dummy = Number(province[i][\"properties\"][col]);\n if (dummy) { v[12] += dummy; }\n\n col = \"numtotal_fully\" + dt;\n dummy = Number(province[i][\"properties\"][col]);\n if (dummy) { v[13] += dummy; }\n\n col = \"numtotal_1additional\" + dt;\n dummy = Number(province[i][\"properties\"][col]);\n if (dummy) { v[14] += dummy; }\n\n col = \"numtotal_2additional\" + dt;\n dummy = Number(province[i][\"properties\"][col]);\n if (dummy) { v[15] += dummy; }\n }\n }\n \n document.getElementById (\"card1\").innerHTML = Math.floor(v[0]\/1000000).toString()+\"M\";\n document.getElementById (\"card2\").innerHTML = Math.floor(v[1]\/1000000).toString()+\"M\";\n document.getElementById (\"card3\").innerHTML = Math.floor(v[2]\/1000000).toString()+\"M\";\n document.getElementById (\"card4\").innerHTML = Math.floor(v[3]\/1000000).toString()+\"M\";\n\n document.getElementById (\"card5\").innerHTML = Math.floor(v[4]\/1000000).toString()+\"M\";\n document.getElementById (\"card6\").innerHTML = Math.floor(v[5]\/1000000).toString()+\"M\";\n document.getElementById (\"card7\").innerHTML = Math.floor(v[6]\/1000000).toString()+\"M\";\n document.getElementById (\"card8\").innerHTML = Math.floor(v[7]\/1000000).toString()+\"M\";\n\n document.getElementById (\"card9\").innerHTML = Math.floor(v[8]\/1000000).toString()+\"M\";\n document.getElementById (\"card10\").innerHTML = Math.floor(v[9]\/1000000).toString()+\"M\";\n document.getElementById (\"card11\").innerHTML = Math.floor(v[10]\/1000000).toString()+\"M\";\n document.getElementById (\"card12\").innerHTML = Math.floor(v[11]\/1000000).toString()+\"M\";\n\n document.getElementById (\"card13\").innerHTML = Math.floor(v[12]\/1000000).toString()+\"M\";\n document.getElementById (\"card14\").innerHTML = Math.floor(v[13]\/1000000).toString()+\"M\";\n document.getElementById (\"card15\").innerHTML = Math.floor(v[14]\/1000000).toString()+\"M\";\n document.getElementById (\"card16\").innerHTML = Math.floor(v[15]\/1000000).toString()+\"M\";\n}\n\n\/* ------------------------ Pie Charts ------------------------------ *\/\nfunction pieChart () {\n c1_1 = []; c1_2 = []; c1_3 = []; c1_4 = [];\n c2_1 = []; c2_2 = []; c2_3 = []; c2_4 = [];\n c3_1 = []; c3_2 = []; c3_3 = []; c3_4 = [];\n c4_1 = []; c4_2 = []; c4_3 = []; c4_4 = [];\n labels = [];\n province = mycanada.features;\n for (var i=0; i < province.length; i++) {\n item = province[i][\"properties\"][\"Name_EN\"]\n if (document.getElementById(item) && document.getElementById(item).disabled == false && document.getElementById(item).checked) {\n labels.unshift (item);\n c1_1.unshift (0); c1_2.unshift (0); c1_3.unshift (0); c1_4.unshift (0);\n c2_1.unshift (0); c2_2.unshift (0); c2_3.unshift (0); c2_4.unshift (0);\n c3_1.unshift (0); c3_2.unshift (0); c3_3.unshift (0); c3_4.unshift (0);\n c4_1.unshift (0); c4_2.unshift (0); c4_3.unshift (0); c4_4.unshift (0); \n\n dt = dates [mx_r_value];\n \n col = \"num18plus_atleast1dose\" + dt;\n dummy = Number(province[i][\"properties\"][col]);\n if (dummy) { c1_1[0] += dummy; }\n \n col = \"num18plus_fully\" + dt;\n dummy = Number(province[i][\"properties\"][col]);\n if (dummy) { c1_2[0] += dummy; }\n\n col = \"num18plus_1additional\" + dt;\n dummy = Number(province[i][\"properties\"][col]);\n if (dummy) { c1_3[0] += dummy; }\n\n col = \"num18plus_2additional\" + dt;\n dummy = Number(province[i][\"properties\"][col]);\n if (dummy) { c1_4[0] += dummy; }\n\n col = \"num12plus_atleast1dose\" + dt;\n dummy = Number(province[i][\"properties\"][col]);\n if (dummy) { c2_1[0] += dummy; }\n \n col = \"num12plus_fully\" + dt;\n dummy = Number(province[i][\"properties\"][col]);\n if (dummy) { c2_2[0] += dummy; }\n\n col = \"num12plus_1additional\" + dt;\n dummy = Number(province[i][\"properties\"][col]);\n if (dummy) { c2_3[0] += dummy; }\n\n col = \"num12plus_2additional\" + dt;\n dummy = Number(province[i][\"properties\"][col]);\n if (dummy) { c2_4[0] += dummy; }\n\n col = \"num5plus_atleast1dose\" + dt;\n dummy = Number(province[i][\"properties\"][col]);\n if (dummy) { c3_1[0] += dummy; }\n \n col = \"num5plus_fully\" + dt;\n dummy = Number(province[i][\"properties\"][col]);\n if (dummy) { c3_2[0] += dummy; }\n\n col = \"num5plus_1additional\" + dt;\n dummy = Number(province[i][\"properties\"][col]);\n if (dummy) { c3_3[0] += dummy; }\n\n col = \"num5plus_2additional\" + dt;\n dummy = Number(province[i][\"properties\"][col]);\n if (dummy) { c3_4[0] += dummy; }\n\n\n col = \"numtotal_atleast1dose\" + dt;\n dummy = Number(province[i][\"properties\"][col]);\n if (dummy) { c4_1[0] += dummy; }\n \n col = \"numtotal_fully\" + dt;\n dummy = Number(province[i][\"properties\"][col]);\n if (dummy) { c4_2[0] += dummy; }\n\n col = \"numtotal_1additional\" + dt;\n dummy = Number(province[i][\"properties\"][col]);\n if (dummy) { c4_3[0] += dummy; }\n\n col = \"numtotal_2additional\" + dt;\n dummy = Number(province[i][\"properties\"][col]);\n if (dummy) { c4_4[0] += dummy; }\n\n }\n }\n\n var options1_1 = {series: c1_1, chart: { width: 230, type: \"pie\"}, labels: labels, \/\/theme: { monochrome: { enabled: true, color: \"#00CC99\" } }, \n plotOptions: { pie: { dataLabels: { offset: -5 }}}, title: {text: \"1st Dose Vax (18+)\"}, \n dataLabels: { formatter(val, opts) { return [val.toFixed(1) + '%']; }}, legend: { show: false } };\n document.getElementById(\"pie1_1\").innerHTML = \"\"; \n new ApexCharts(document.getElementById(\"pie1_1\"), options1_1).render();\n\n var options1_2 = {series: c1_2, chart: { width: 230, type: \"pie\"}, labels: labels, \/\/theme: { monochrome: { enabled: true, color: \"#00CC99\" } }, \n plotOptions: { pie: { dataLabels: { offset: -5 }}}, title: {text: \"2nd Dose Vax (18+)\"}, \n dataLabels: { formatter(val, opts) { return [val.toFixed(1) + '%']; }}, legend: { show: false } };\n document.getElementById(\"pie1_2\").innerHTML = \"\"; \n new ApexCharts(document.getElementById(\"pie1_2\"), options1_2).render();\n\n var options1_3 = {series: c1_3, chart: { width: 230, type: \"pie\"}, labels: labels, \/\/theme: { monochrome: { enabled: true, color: \"#00CC99\" } }, \n plotOptions: { pie: { dataLabels: { offset: -5 }}}, title: {text: \"3rd Dose Vax (18+)\"}, \n dataLabels: { formatter(val, opts) { return [val.toFixed(1) + '%']; }}, legend: { show: false } };\n document.getElementById(\"pie1_3\").innerHTML = \"\"; \n new ApexCharts(document.getElementById(\"pie1_3\"), options1_3).render();\n\n var options1_4 = {series: c1_4, chart: { width: 350, type: \"pie\"}, labels: labels, \/\/theme: { monochrome: { enabled: true, color: \"#00CC99\" } }, \n title: {text: \"4th Dose Vax (18+)\"}, responsive: [{ breakpoint: 480, options: { chart: { width: 200 }, legend: { position: 'bottom' } }}] }\n document.getElementById(\"pie1_4\").innerHTML = \"\"; \n new ApexCharts(document.getElementById(\"pie1_4\"), options1_4).render();\n\n\n var options2_1 = {series: c2_1, chart: { width: 230, type: \"pie\"}, labels: labels, \/\/theme: { monochrome: { enabled: true, color: \"#00CC99\" } }, \n plotOptions: { pie: { dataLabels: { offset: -5 }}}, title: {text: \"1st Dose Vax (12+)\"}, \n dataLabels: { formatter(val, opts) { return [val.toFixed(1) + '%']; }}, legend: { show: false } };\n document.getElementById(\"pie2_1\").innerHTML = \"\"; \n new ApexCharts(document.getElementById(\"pie2_1\"), options2_1).render();\n\n var options2_2 = {series: c2_2, chart: { width: 230, type: \"pie\"}, labels: labels, \/\/theme: { monochrome: { enabled: true, color: \"#00CC99\" } }, \n plotOptions: { pie: { dataLabels: { offset: -5 }}}, title: {text: \"2nd Dose Vax (12+)\"}, \n dataLabels: { formatter(val, opts) { return [val.toFixed(1) + '%']; }}, legend: { show: false } };\n document.getElementById(\"pie2_2\").innerHTML = \"\"; \n new ApexCharts(document.getElementById(\"pie2_2\"), options2_2).render();\n\n var options2_3 = {series: c2_3, chart: { width: 230, type: \"pie\"}, labels: labels, \/\/theme: { monochrome: { enabled: true, color: \"#00CC99\" } }, \n plotOptions: { pie: { dataLabels: { offset: -5 }}}, title: {text: \"3rd Dose Vax (12+)\"}, \n dataLabels: { formatter(val, opts) { return [val.toFixed(1) + '%']; }}, legend: { show: false } };\n document.getElementById(\"pie2_3\").innerHTML = \"\"; \n new ApexCharts(document.getElementById(\"pie2_3\"), options2_3).render();\n\n var options2_4 = {series: c2_4, chart: { width: 350, type: \"pie\"}, labels: labels, \/\/theme: { monochrome: { enabled: true, color: \"#00CC99\" } }, \n title: {text: \"4th Dose Vax (12+)\"}, responsive: [{ breakpoint: 480, options: { chart: { width: 200 }, legend: { position: 'bottom' } }}] }\n document.getElementById(\"pie2_4\").innerHTML = \"\"; \n new ApexCharts(document.getElementById(\"pie2_4\"), options2_4).render();\n\n\n var options3_1 = {series: c3_1, chart: { width: 230, type: \"pie\"}, labels: labels, \/\/theme: { monochrome: { enabled: true, color: \"#00CC99\" } }, \n plotOptions: { pie: { dataLabels: { offset: -5 }}}, title: {text: \"1st Dose Vax (5+)\"}, \n dataLabels: { formatter(val, opts) { return [val.toFixed(1) + '%']; }}, legend: { show: false } };\n document.getElementById(\"pie3_1\").innerHTML = \"\"; \n new ApexCharts(document.getElementById(\"pie3_1\"), options3_1).render();\n\n var options3_2 = {series: c3_2, chart: { width: 230, type: \"pie\"}, labels: labels, \/\/theme: { monochrome: { enabled: true, color: \"#00CC99\" } }, \n plotOptions: { pie: { dataLabels: { offset: -5 }}}, title: {text: \"2nd Dose Vax (5+)\"}, \n dataLabels: { formatter(val, opts) { return [val.toFixed(1) + '%']; }}, legend: { show: false } };\n document.getElementById(\"pie3_2\").innerHTML = \"\"; \n new ApexCharts(document.getElementById(\"pie3_2\"), options3_2).render();\n\n var options3_3 = {series: c3_3, chart: { width: 230, type: \"pie\"}, labels: labels, \/\/theme: { monochrome: { enabled: true, color: \"#00CC99\" } }, \n plotOptions: { pie: { dataLabels: { offset: -5 }}}, title: {text: \"3rd Dose Vax (5+)\"}, \n dataLabels: { formatter(val, opts) { return [val.toFixed(1) + '%']; }}, legend: { show: false } };\n document.getElementById(\"pie3_3\").innerHTML = \"\"; \n new ApexCharts(document.getElementById(\"pie3_3\"), options3_3).render();\n\n var options3_4 = {series: c3_4, chart: { width: 350, type: \"pie\"}, labels: labels, \/\/theme: { monochrome: { enabled: true, color: \"#00CC99\" } }, \n title: {text: \"4th Dose Vax (5+)\"}, responsive: [{ breakpoint: 480, options: { chart: { width: 200 }, legend: { position: 'bottom' } }}] }\n document.getElementById(\"pie3_4\").innerHTML = \"\"; \n new ApexCharts(document.getElementById(\"pie3_4\"), options3_4).render();\n\n var options4_1 = {series: c4_1, chart: { width: 230, type: \"pie\"}, labels: labels, \/\/theme: { monochrome: { enabled: true, color: \"#00CC99\" } }, \n plotOptions: { pie: { dataLabels: { offset: -5 }}}, title: {text: \"Total 1st Dose Vax\"}, \n dataLabels: { formatter(val, opts) { return [val.toFixed(1) + '%']; }}, legend: { show: false } };\n document.getElementById(\"pie4_1\").innerHTML = \"\"; \n new ApexCharts(document.getElementById(\"pie4_1\"), options4_1).render();\n\n var options4_2 = {series: c4_2, chart: { width: 230, type: \"pie\"}, labels: labels, \/\/theme: { monochrome: { enabled: true, color: \"#00CC99\" } }, \n plotOptions: { pie: { dataLabels: { offset: -5 }}}, title: {text: \"Total 2nd Dose Vax\"}, \n dataLabels: { formatter(val, opts) { return [val.toFixed(1) + '%']; }}, legend: { show: false } };\n document.getElementById(\"pie4_2\").innerHTML = \"\"; \n new ApexCharts(document.getElementById(\"pie4_2\"), options4_2).render();\n\n var options4_3 = {series: c4_3, chart: { width: 230, type: \"pie\"}, labels: labels, \/\/theme: { monochrome: { enabled: true, color: \"#00CC99\" } }, \n plotOptions: { pie: { dataLabels: { offset: -5 }}}, title: {text: \"Total 3rd Dose Vax\"}, \n dataLabels: { formatter(val, opts) { return [val.toFixed(1) + '%']; }}, legend: { show: false } };\n document.getElementById(\"pie4_3\").innerHTML = \"\"; \n new ApexCharts(document.getElementById(\"pie4_3\"), options4_3).render();\n\n var options4_4 = {series: c4_4, chart: { width: 350, type: \"pie\"}, labels: labels, \/\/theme: { monochrome: { enabled: true, color: \"#00CC99\" } }, \n title: {text: \"Total 4th Dose Vax\"}, responsive: [{ breakpoint: 480, options: { chart: { width: 200 }, legend: { position: 'bottom' } }}] }\n document.getElementById(\"pie4_4\").innerHTML = \"\"; \n new ApexCharts(document.getElementById(\"pie4_4\"), options4_4).render();\n}\n\n\/* --------------------- Bar Charts ----------------------------- *\/\nfunction barCharts () {\n dose1 = []; dose2 = []; dose3 = []; dose4 = [];\n agetotal = []; age5 = []; age12 = []; age18 = [];\n category = [];\n\n province = mycanada.features;\n for (var i=0; i < province.length; i++) {\n item = province[i][\"properties\"][\"Name_EN\"]\n if (document.getElementById(item) && document.getElementById(item).disabled == false && document.getElementById(item).checked) {\n category.push (item); \n dt = dates [mx_r_value];\n \n col = \"proptotal_atleast1dose\" + dt;\n dummy = Number(province[i][\"properties\"][col]);\n if (dummy) { age18.push (dummy); dose1.push (dummy); }\n else { age18.push (0); dose1.push (0); }\n\n col = \"proptotal_fully\" + dt;\n dummy = Number(province[i][\"properties\"][col]);\n if (dummy) { dose2.push (dummy); }\n else { dose2.push (0); }\n\n col = \"proptotal_1additional\" + dt;\n dummy = Number(province[i][\"properties\"][col]);\n if (dummy) { dose3.push (dummy); }\n else { dose3.push (0); }\n\n col = \"proptotal_2additional\" + dt;\n dummy = Number(province[i][\"properties\"][col]);\n if (dummy) { dose4.push (dummy); }\n else { dose4.push (0); }\n \n col = \"prop18plus_atleast1dose\" + dt;\n dummy = Number(province[i][\"properties\"][col]);\n if (dummy) agetotal.push (dummy);\n else agetotal.push (0);\n\n col = \"prop12plus_atleast1dose\" + dt;\n dummy = Number(province[i][\"properties\"][col]);\n if (dummy) age5.push (dummy);\n else age5.push (0);\n \n col = \"prop5plus_atleast1dose\" + dt;\n dummy = Number(province[i][\"properties\"][col]);\n if (dummy) age12.push (dummy);\n else age12.push (0);\n \n }\n }\n\n for (var i=0; i < dose4.length; i++) { \n dose1[i] = dose1[i] - dose2[i]; dose2[i] = dose2[i] - dose3[i]; dose3[i] = dose3[i] - dose4[i];\n agetotal[i] = agetotal[i] - age5[i]; age5[i] = age5[i] - age12[i]; age12[i] = age12[i] - age18[i];\n }\n \n var ageOptions = { series: [{ name: \"Total Vax (18+)\", data: age18 }, { name: \"Total Vax (12+)\", data: age12 }, \n { name: \"Total Vax (5+)\", data: age5 }, { name: \"Total Vax (All Ages)\", data: agetotal }], chart: { type: 'bar', height: 450,\n stacked: true }, plotOptions: { bar: { horizontal: true, dataLabels: { total: { enabled: true, offsetX: 0, style: {\n fontSize: '13px', fontWeight: 900 }}}},}, stroke: { width: 1, colors: ['#fff'] }, title: { text: 'Vaccination Based on Age' },\n xaxis: { categories: category, labels: { formatter: function (val) { return val + \"%\" }}},\n yaxis: { title: { text: undefined },}, tooltip: { y: { formatter: function (val) { return val + \"%\" }}},\n fill: { opacity: 1 }, legend: { position: 'top', horizontalAlign: 'left', offsetX: 40 }}\n document.getElementById(\"agebar\").innerHTML = \"\"; \n new ApexCharts(document.getElementById(\"agebar\"), ageOptions).render();\n\n var doseOptions = { series: [{ name: \"Total 4th Dose Vax\", data: dose4 }, { name: \"Total 3rd Dose Vax\", data: dose3 }, \n { name: \"Total 2nd Dose Vax\", data: dose2 }, { name: \"Total 1st Dose Vax\", data: dose1 }], chart: { type: 'bar', height: 450,\n stacked: true }, plotOptions: { bar: { horizontal: true, dataLabels: { total: { enabled: true, offsetX: 0, style: {\n fontSize: '13px', fontWeight: 900 }}}},}, stroke: { width: 1, colors: ['#fff'] }, title: { text: 'Vaccination Doses' },\n xaxis: { categories: category, labels: { formatter: function (val) { return val + \"%\" }}},\n yaxis: { title: { text: undefined },}, tooltip: { y: { formatter: function (val) { return val + \"%\" }}},\n fill: { opacity: 1 }, legend: { position: 'top', horizontalAlign: 'left', offsetX: 40 }}\n document.getElementById(\"dosebar\").innerHTML = \"\"; \n new ApexCharts(document.getElementById(\"dosebar\"), doseOptions).render();\n}\n\n\/* ----------------------- Line Charts -------------------------- *\/\nfunction lineCharts () {\n s1_1 = []; s1_2 = []; s1_3 = []; s1_4 = []; s2_1 = []; s2_2 = []; s2_3 = []; s2_4 = []; s3_1 = []; s3_2 = []; s3_3 = []; s3_4 = [];\n s4_1 = []; s4_2 = []; s4_3 = []; s4_4 = [];\n province = mycanada.features;\n for (var i=0; i < province.length; i++) {\n item = province[i][\"properties\"][\"Name_EN\"]; \n if (document.getElementById(item) && document.getElementById(item).disabled == false && document.getElementById(item).checked) {\n dummy1_1 = {name: province[i][\"properties\"][\"Name_EN\"]}; dummy1_2 = {name: province[i][\"properties\"][\"Name_EN\"]};\n dummy1_3 = {name: province[i][\"properties\"][\"Name_EN\"]}; dummy1_4 = {name: province[i][\"properties\"][\"Name_EN\"]};\n dummy2_1 = {name: province[i][\"properties\"][\"Name_EN\"]}; dummy2_2 = {name: province[i][\"properties\"][\"Name_EN\"]};\n dummy2_3 = {name: province[i][\"properties\"][\"Name_EN\"]}; dummy2_4 = {name: province[i][\"properties\"][\"Name_EN\"]};\n dummy3_1 = {name: province[i][\"properties\"][\"Name_EN\"]}; dummy3_2 = {name: province[i][\"properties\"][\"Name_EN\"]};\n dummy3_3 = {name: province[i][\"properties\"][\"Name_EN\"]}; dummy3_4 = {name: province[i][\"properties\"][\"Name_EN\"]};\n dummy4_1 = {name: province[i][\"properties\"][\"Name_EN\"]}; dummy4_2 = {name: province[i][\"properties\"][\"Name_EN\"]};\n dummy4_3 = {name: province[i][\"properties\"][\"Name_EN\"]}; dummy4_4 = {name: province[i][\"properties\"][\"Name_EN\"]}; \n\n data1_1 = []; data1_2 = []; data1_3 = []; data1_4 = []; data2_1 = []; data2_2 = []; data2_3 = []; data2_4 = []; data3_1 = []; data3_2 = [];\n data3_3 = []; data3_4 = []; data4_1 = []; data4_2 = []; data4_3 = []; data4_4 = [];\n \n for (var j=0; j <= Number(mx_r_value); j++) {\n dt = dates[j];\n\n col = \"prop18plus_atleast1dose\" + dt;\n data1_1.push ( Number (province[i][\"properties\"][col]) ) \n col = \"prop18plus_fully\" + dt;\n data1_2.push ( Number (province[i][\"properties\"][col]) )\n col = \"prop18plus_1additional\" + dt;\n data1_3.push ( Number (province[i][\"properties\"][col]) )\n col = \"prop18plus_2additional\" + dt;\n data1_4.push ( Number (province[i][\"properties\"][col]) )\n\n col = \"prop12plus_atleast1dose\" + dt;\n data2_1.push ( Number (province[i][\"properties\"][col]) ) \n col = \"prop12plus_fully\" + dt;\n data2_2.push ( Number (province[i][\"properties\"][col]) )\n col = \"prop12plus_1additional\" + dt;\n data2_3.push ( Number (province[i][\"properties\"][col]) )\n col = \"prop12plus_2additional\" + dt;\n data2_4.push ( Number (province[i][\"properties\"][col]) )\n\n col = \"prop5plus_atleast1dose\" + dt;\n data3_1.push ( Number (province[i][\"properties\"][col]) ) \n col = \"prop5plus_fully\" + dt;\n data3_2.push ( Number (province[i][\"properties\"][col]) )\n col = \"prop5plus_1additional\" + dt;\n data3_3.push ( Number (province[i][\"properties\"][col]) )\n col = \"prop5plus_2additional\" + dt;\n data3_4.push ( Number (province[i][\"properties\"][col]) )\n\n col = \"proptotal_atleast1dose\" + dt;\n data4_1.push ( Number (province[i][\"properties\"][col]) ) \n col = \"proptotal_fully\" + dt;\n data4_2.push ( Number (province[i][\"properties\"][col]) )\n col = \"proptotal_1additional\" + dt;\n data4_3.push ( Number (province[i][\"properties\"][col]) )\n col = \"proptotal_2additional\" + dt;\n data4_4.push ( Number (province[i][\"properties\"][col]) ) \n }\n dummy1_1[\"data\"] = data1_1; s1_1.push(dummy1_1);\n dummy1_2[\"data\"] = data1_2; s1_2.push(dummy1_2);\n dummy1_3[\"data\"] = data1_3; s1_3.push(dummy1_3);\n dummy1_4[\"data\"] = data1_4; s1_4.push(dummy1_4);\n\n dummy2_1[\"data\"] = data2_1; s2_1.push(dummy2_1);\n dummy2_2[\"data\"] = data2_2; s2_2.push(dummy2_2);\n dummy2_3[\"data\"] = data2_3; s2_3.push(dummy2_3);\n dummy2_4[\"data\"] = data2_4; s2_4.push(dummy2_4);\n\n dummy3_1[\"data\"] = data3_1; s3_1.push(dummy3_1);\n dummy3_2[\"data\"] = data3_2; s3_2.push(dummy3_2);\n dummy3_3[\"data\"] = data3_3; s3_3.push(dummy3_3);\n dummy3_4[\"data\"] = data3_4; s3_4.push(dummy3_4);\n\n dummy4_1[\"data\"] = data4_1; s4_1.push(dummy4_1);\n dummy4_2[\"data\"] = data4_2; s4_2.push(dummy4_2);\n dummy4_3[\"data\"] = data4_3; s4_3.push(dummy4_3);\n dummy4_4[\"data\"] = data4_4; s4_4.push(dummy4_4);\n }\n }\n var options1_1 = {series: s4_1, chart: {height: 420, type: \"area\", animations: {enabled: false}, dynamicAnimation: {enabled: false}}, \n yaxis: [{labels: {formatter: function(val) {return val.toFixed(4);}}}],\n title: {text: '1st Dose Vax in % (All Ages)', align: 'left'}, \n dataLabels: {enabled: false}, stroke: {width: 2}, xaxis: {categories: dates}, };\n document.getElementById(\"chart1_1\").innerHTML = \"\"; \n new ApexCharts(document.getElementById(\"chart1_1\"), options1_1).render();\n\n var options1_2 = {series: s4_2, chart: {height: 420, type: \"area\", animations: {enabled: false}, dynamicAnimation: {enabled: false}}, \n yaxis: [{labels: {formatter: function(val) {return val.toFixed(4);}}}],\n title: {text: '2nd Dose Vax in % (All Ages)', align: 'left'}, \n dataLabels: {enabled: false}, stroke: {width: 2}, xaxis: {categories: dates}, };\n document.getElementById(\"chart1_2\").innerHTML = \"\"; \n new ApexCharts(document.getElementById(\"chart1_2\"), options1_2).render();\n\n var options1_3 = {series: s4_3, chart: {height: 420, type: \"area\", animations: {enabled: false}, dynamicAnimation: {enabled: false}}, \n yaxis: [{labels: {formatter: function(val) {return val.toFixed(4);}}}],\n title: {text: '3rd Dose Vax in % (All Ages)', align: 'left'}, \n dataLabels: {enabled: false}, stroke: {width: 2}, xaxis: {categories: dates}, };\n document.getElementById(\"chart1_3\").innerHTML = \"\"; \n new ApexCharts(document.getElementById(\"chart1_3\"), options1_3).render();\n\n var options1_4 = {series: s4_4, chart: {height: 420, type: \"area\", animations: {enabled: false}, dynamicAnimation: {enabled: false}}, \n yaxis: [{labels: {formatter: function(val) {return val.toFixed(4);}}}],\n title: {text: '2nd Dose Vax in % (All Ages)', align: 'left'}, \n dataLabels: {enabled: false}, stroke: {width: 2}, xaxis: {categories: dates}, };\n document.getElementById(\"chart1_4\").innerHTML = \"\"; \n new ApexCharts(document.getElementById(\"chart1_4\"), options1_4).render();\n\n\/\/----------------------------\n var options2_1 = {series: s3_1, chart: {height: 420, type: \"area\", animations: {enabled: false}, dynamicAnimation: {enabled: false}}, \n yaxis: [{labels: {formatter: function(val) {return val.toFixed(4);}}}],\n title: {text: '1st Dose Vax in % (18+)', align: 'left'}, \n dataLabels: {enabled: false}, stroke: {width: 2}, xaxis: {categories: dates}, };\n document.getElementById(\"chart2_1\").innerHTML = \"\"; \n new ApexCharts(document.getElementById(\"chart2_1\"), options2_1).render();\n\n var options2_2 = {series: s3_2, chart: {height: 420, type: \"area\", animations: {enabled: false}, dynamicAnimation: {enabled: false}}, \n yaxis: [{labels: {formatter: function(val) {return val.toFixed(4);}}}],\n title: {text: '2nd Dose Vax in % (18+)', align: 'left'}, \n dataLabels: {enabled: false}, stroke: {width: 2}, xaxis: {categories: dates}, };\n document.getElementById(\"chart2_2\").innerHTML = \"\"; \n new ApexCharts(document.getElementById(\"chart2_2\"), options2_2).render();\n\n var options2_3 = {series: s3_3, chart: {height: 420, type: \"area\", animations: {enabled: false}, dynamicAnimation: {enabled: false}}, \n yaxis: [{labels: {formatter: function(val) {return val.toFixed(4);}}}],\n title: {text: '3rd Dose Vax in % (18+)', align: 'left'}, \n dataLabels: {enabled: false}, stroke: {width: 2}, xaxis: {categories: dates}, };\n document.getElementById(\"chart2_3\").innerHTML = \"\"; \n new ApexCharts(document.getElementById(\"chart2_3\"), options2_3).render();\n\n var options2_4 = {series: s3_4, chart: {height: 420, type: \"area\", animations: {enabled: false}, dynamicAnimation: {enabled: false}}, \n yaxis: [{labels: {formatter: function(val) {return val.toFixed(4);}}}],\n title: {text: '2nd Dose Vax in % (18+)', align: 'left'}, \n dataLabels: {enabled: false}, stroke: {width: 2}, xaxis: {categories: dates}, };\n document.getElementById(\"chart2_4\").innerHTML = \"\"; \n new ApexCharts(document.getElementById(\"chart2_4\"), options2_4).render();\n\n\/\/---------------------------\n var options3_1 = {series: s2_1, chart: {height: 420, type: \"area\", animations: {enabled: false}, dynamicAnimation: {enabled: false}}, \n yaxis: [{labels: {formatter: function(val) {return val.toFixed(4);}}}],\n title: {text: '1st Dose Vax in % (12+)', align: 'left'}, \n dataLabels: {enabled: false}, stroke: {width: 2}, xaxis: {categories: dates}, };\n document.getElementById(\"chart3_1\").innerHTML = \"\"; \n new ApexCharts(document.getElementById(\"chart3_1\"), options3_1).render();\n\n var options3_2 = {series: s2_2, chart: {height: 420, type: \"area\", animations: {enabled: false}, dynamicAnimation: {enabled: false}}, \n yaxis: [{labels: {formatter: function(val) {return val.toFixed(4);}}}],\n title: {text: '2nd Dose Vax in % (12+)', align: 'left'}, \n dataLabels: {enabled: false}, stroke: {width: 2}, xaxis: {categories: dates}, };\n document.getElementById(\"chart3_2\").innerHTML = \"\"; \n new ApexCharts(document.getElementById(\"chart3_2\"), options3_2).render();\n\n var options3_3 = {series: s2_3, chart: {height: 420, type: \"area\", animations: {enabled: false}, dynamicAnimation: {enabled: false}}, \n yaxis: [{labels: {formatter: function(val) {return val.toFixed(4);}}}],\n title: {text: '3rd Dose Vax in % (12+)', align: 'left'}, \n dataLabels: {enabled: false}, stroke: {width: 2}, xaxis: {categories: dates}, };\n document.getElementById(\"chart3_3\").innerHTML = \"\"; \n new ApexCharts(document.getElementById(\"chart3_3\"), options3_3).render();\n\n var options3_4 = {series: s2_4, chart: {height: 420, type: \"area\", animations: {enabled: false}, dynamicAnimation: {enabled: false}}, \n yaxis: [{labels: {formatter: function(val) {return val.toFixed(4);}}}],\n title: {text: '2nd Dose Vax in % (12+)', align: 'left'}, \n dataLabels: {enabled: false}, stroke: {width: 2}, xaxis: {categories: dates}, };\n document.getElementById(\"chart3_4\").innerHTML = \"\"; \n new ApexCharts(document.getElementById(\"chart3_4\"), options3_4).render();\n\n\/\/-----------------------------\n var options4_1 = {series: s1_1, chart: {height: 420, type: \"area\", animations: {enabled: false}, dynamicAnimation: {enabled: false}}, \n yaxis: [{labels: {formatter: function(val) {return val.toFixed(4);}}}],\n title: {text: '1st Dose Vax in % (5+)', align: 'left'}, \n dataLabels: {enabled: false}, stroke: {width: 2}, xaxis: {categories: dates}, };\n document.getElementById(\"chart4_1\").innerHTML = \"\"; \n new ApexCharts(document.getElementById(\"chart4_1\"), options4_1).render();\n\n var options4_2 = {series: s1_2, chart: {height: 420, type: \"area\", animations: {enabled: false}, dynamicAnimation: {enabled: false}}, \n yaxis: [{labels: {formatter: function(val) {return val.toFixed(4);}}}],\n title: {text: '2nd Dose Vax in % (5+)', align: 'left'}, \n dataLabels: {enabled: false}, stroke: {width: 2}, xaxis: {categories: dates}, };\n document.getElementById(\"chart4_2\").innerHTML = \"\"; \n new ApexCharts(document.getElementById(\"chart4_2\"), options4_2).render();\n\n var options4_3 = {series: s1_3, chart: {height: 420, type: \"area\", animations: {enabled: false}, dynamicAnimation: {enabled: false}}, \n yaxis: [{labels: {formatter: function(val) {return val.toFixed(4);}}}],\n title: {text: '3rd Dose Vax in % (5+)', align: 'left'}, \n dataLabels: {enabled: false}, stroke: {width: 2}, xaxis: {categories: dates}, };\n document.getElementById(\"chart4_3\").innerHTML = \"\"; \n new ApexCharts(document.getElementById(\"chart4_3\"), options4_3).render();\n\n var options4_4 = {series: s1_4, chart: {height: 420, type: \"area\", animations: {enabled: false}, dynamicAnimation: {enabled: false}}, \n yaxis: [{labels: {formatter: function(val) {return val.toFixed(4);}}}],\n title: {text: '2nd Dose Vax in % (5+)', align: 'left'}, \n dataLabels: {enabled: false}, stroke: {width: 2}, xaxis: {categories: dates}, };\n document.getElementById(\"chart4_4\").innerHTML = \"\"; \n new ApexCharts(document.getElementById(\"chart4_4\"), options4_4).render();\n\n\n\n\n}\n\n\/* ----------------------------------- *\/\nfunction radioClick(id) {\n setCards ();\n pieChart ();\n barCharts ();\n lineCharts ();\n}\n\n\/* ~~~~~~~~~~~~~~~~~~~~~~~~~~ Citation ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ *\/\nfunction cite() { \n message = \"Please kindly cite our work and the underlying data source:<br> 1. ZM Nia, JD Kong, COVID-19 Vaccination in Canada (2023) http:\/\/acadic.org\/covid-19-vaccination-in-canada<br> 2. Government of Canada. COVID-19 vaccination in Canada, 2023, https:\/\/health-infobase.canada.ca\/covid-19\/vaccination-coverage\";\n $('<div><\/div>').html( message ).dialog({ title: \"How to Cite\", resizable: false, modal: true, width: 800, \n buttons: { 'Ok': function() { $( this ).dialog( 'close' ); }} }); \n}\n\nfunction download(id) { window.URL.revokeObjectURL (document.getElementById (id).href); }\n<\/script>\n<\/head>\n\n<style>\n\nbody { font: 11pt Helvetica;} \n.checkb {\n padding: 10px; \n padding-left: 0px; \n padding-right: 0px;\n font-size: 9pt;\n}\n.info {\n padding: 6px 8px;\n font: 14px\/16px Arial, Helvetica, sans-serif;\n background: white;\n background: rgba(255,255,255,0.8);\n box-shadow: 0 0 15px rgba(0,0,0,0.2);\n border-radius: 5px;\n}\n.info h4 {\n margin: 0 0 5px;\n color: #777;\n}\n.legend {\n padding: 5% 8px;\n font: 14px\/16px Arial, Helvetica, sans-serif;\n line-height: 18px;\n color: #555;\n}\n.legend i {\n width: 18px;\n height: 18px;\n float: left;\n margin-right: 8px;\n opacity: 0.7;\n}\n.ui-widget-header {\n padding: 1%;\n padding-left: 8%;\n background: #DDD;\n font-size: 20px;\n}\n.ui-dialog-content {\n padding-top: 2%;\n padding-bottom: 4%;\n padding-left: 4%;\n}\n.ui-dialog { \n background: white;\n border: 2px solid #000;\n border-radius: 5px;\n z-index: 1000000 !important;\n}\n.ui-dialog-titlebar-close {\n visibility: hidden;\n}\n.ui-dialog-buttonset {\n margin-left: 88%;\n margin-bottom: 2%;\n}\n<\/style>\n\n<body>\n<script>\nnullProvinces = []; \/\/for disabling checkboxes\ndates = [\"2020-12-19\"]; \/\/ for the ranges and the charts\nmx_r_value = 0; \/\/This is to set the maximum of range blocks\n\/\/ These variables are used for map colors.\nmxtotal = 0;\nmxtotalp = 0;\nmxover18 = 0;\nmxover18p = 0;\nmxover12 = 0;\nmxover12p = 0;\nmxover5 = 0;\nmxover5p = 0;\n\/\/ And the variables for the initial range value\nvar numtotal_atleast1dose; var numtotal_fully; var numtotal_1additional; var numtotal_2additional;\nvar proptotal_atleast1dose; var proptotal_fully; var proptotal_1additional; var proptotal_2additional;\nvar num18plus_atleast1dose; var num18plus_fully; var num18plus_1additional; var num18plus_2additional;\nvar prop18plus_atleast1dose; var prop18plus_fully; var prop18plus_1additional; var prop18plus_2additional;\nvar num12plus_atleast1dose; var num12plus_fully; var num12plus_1additional; var num12plus_2additional;\nvar prop12plus_atleast1dose; var prop12plus_fully; var prop12plus_1additional; var prop12plus_2additional;\nvar num5plus_atleast1dose; var num5plus_fully; var num5plus_1additional; var num5plus_2additional;\nvar prop5plus_atleast1dose; var prop5plus_fully; var prop5plus_1additional; var prop5plus_2additional;\n\nfor (var i=mycanada[\"features\"].length-1; i>=0; i--) {\n province = mycanada[\"features\"][i][\"properties\"][\"Name_EN\"];\n b = 0;\n r_value = 0;\n\n \/\/ All the values are cumulative. I'm defining these values to keep the previous values.\n prev1_1 = 0; prev1_2 = 0; prev1_3 = 0; prev1_4 = 0;\n prev2_1 = 0; prev2_2 = 0; prev2_3 = 0; prev2_4 = 0;\n prev3_1 = 0; prev3_2 = 0; prev3_3 = 0; prev3_4 = 0;\n prev4_1 = 0; prev4_2 = 0; prev4_3 = 0; prev4_4 = 0;\n prev5_1 = 0; prev5_2 = 0; prev5_3 = 0; prev5_4 = 0;\n prev6_1 = 0; prev6_2 = 0; prev6_3 = 0; prev6_4 = 0;\n prev7_1 = 0; prev7_2 = 0; prev7_3 = 0; prev7_4 = 0;\n prev8_1 = 0; prev8_2 = 0; prev8_3 = 0; prev8_4 = 0;\n\n for (var j=0; j<mycanadavax.length; j++) {\n if (mycanadavax[j][\"Province\"] == province) {\n r_value++;\n if (r_value > mx_r_value) mx_r_value = r_value;\n d = mycanadavax[j][\"Date\"];\n if (dates.includes(d) == false) dates.push (d);\n\n b = 1;\n field = \"numtotal_atleast1dose\" + mycanadavax[j][\"Date\"];\n if (Number(mycanadavax[j][\"numtotal_atleast1dose\"]) > prev1_1) prev1_1 = Number( mycanadavax[j][\"numtotal_atleast1dose\"] );\n mycanada[\"features\"][i][\"properties\"][field] = prev1_1; \n if (prev1_1 > mxtotal) mxtotal = prev1_1;\n\n field = \"numtotal_fully\" + mycanadavax[j][\"Date\"];\n if ( Number( mycanadavax[j][\"numtotal_fully\"] ) > prev1_2 ) prev1_2 = Number( mycanadavax[j][\"numtotal_fully\"] );\n mycanada[\"features\"][i][\"properties\"][field] = prev1_2;\n if (prev1_2 > mxtotal) mxtotal = prev1_2; \n\n field = \"numtotal_1additional\" + mycanadavax[j][\"Date\"];\n if ( Number( mycanadavax[j][\"numtotal_1additional\"] ) > prev1_3 ) prev1_3 = Number( mycanadavax[j][\"numtotal_1additional\"] );\n mycanada[\"features\"][i][\"properties\"][field] = prev1_3; \n if (prev1_3 > mxtotal) mxtotal = prev1_3;\n\n field = \"numtotal_2additional\" + mycanadavax[j][\"Date\"];\n if ( Number( mycanadavax[j][\"numtotal_2additional\"] ) > prev1_4 ) prev1_4 = Number( mycanadavax[j][\"numtotal_2additional\"] );\n mycanada[\"features\"][i][\"properties\"][field] = prev1_4;\n if (prev1_4 > mxtotal) mxtotal = prev1_4;\n \n\/\/-------------------------------\n field = \"proptotal_atleast1dose\" + mycanadavax[j][\"Date\"];\n if ( Number( mycanadavax[j][\"proptotal_atleast1dose\"] ) > prev2_1 ) prev2_1 = Number( mycanadavax[j][\"proptotal_atleast1dose\"] );\n mycanada[\"features\"][i][\"properties\"][field] = prev2_1;\n if (prev2_1 > mxtotalp) mxtotalp = prev2_1;\n\n field = \"proptotal_fully\" + mycanadavax[j][\"Date\"];\n if ( Number( mycanadavax[j][\"proptotal_fully\"] ) > prev2_2 ) prev2_2 = Number( mycanadavax[j][\"proptotal_fully\"] );\n mycanada[\"features\"][i][\"properties\"][field] = prev2_2;\n if (prev2_2 > mxtotalp) mxtotalp = prev2_2; \n\n field = \"proptotal_1additional\" + mycanadavax[j][\"Date\"];\n if ( Number( mycanadavax[j][\"proptotal_1additional\"] ) > prev2_3) prev2_3 = Number( mycanadavax[j][\"proptotal_1additional\"] );\n mycanada[\"features\"][i][\"properties\"][field] = prev2_3; \n if (prev2_3 > mxtotalp) mxtotalp = prev2_3;\n\n field = \"proptotal_2additional\" + mycanadavax[j][\"Date\"];\n if ( Number( mycanadavax[j][\"proptotal_2additional\"] ) > prev2_4 ) prev2_4 = Number( mycanadavax[j][\"proptotal_2additional\"] );\n mycanada[\"features\"][i][\"properties\"][field] = prev2_4;\n if (prev2_4 > mxtotalp) mxtotalp = prev2_4;\n \n\/\/----------------------\n field = \"num18plus_atleast1dose\" + mycanadavax[j][\"Date\"];\n if ( Number( mycanadavax[j][\"num18plus_atleast1dose\"] ) > prev3_1 ) prev3_1 = Number( mycanadavax[j][\"num18plus_atleast1dose\"] );\n mycanada[\"features\"][i][\"properties\"][field] = prev3_1;\n if (prev3_1 > mxover18) mxover18 = prev3_1;\n\n field = \"num18plus_fully\" + mycanadavax[j][\"Date\"];\n if ( Number( mycanadavax[j][\"num18plus_fully\"] ) > prev3_2 ) prev3_2 = Number( mycanadavax[j][\"num18plus_fully\"] );\n mycanada[\"features\"][i][\"properties\"][field] = prev3_2;\n if (prev3_2 > mxover18) mxover18 = prev3_2; \n\n field = \"num18plus_1additional\" + mycanadavax[j][\"Date\"];\n if ( Number( mycanadavax[j][\"num18plus_1additional\"] ) > prev3_3 ) prev3_3 = Number( mycanadavax[j][\"num18plus_1additional\"] );\n mycanada[\"features\"][i][\"properties\"][field] = prev3_3; \n if (prev3_3 > mxover18) mxover18 = prev3_3;\n\n field = \"num18plus_2additional\" + mycanadavax[j][\"Date\"];\n if ( Number( mycanadavax[j][\"num18plus_2additional\"] ) > prev3_4 ) prev3_4 = Number( mycanadavax[j][\"num18plus_2additional\"] );\n mycanada[\"features\"][i][\"properties\"][field] = prev3_4;\n if (prev3_4 > mxover18) mxover18 = prev3_4;\n\n\n\/\/--------------------\n field = \"prop18plus_atleast1dose\" + mycanadavax[j][\"Date\"];\n if ( Number( mycanadavax[j][\"prop18plus_atleast1dose\"] ) > prev4_1 ) prev4_1 = Number( mycanadavax[j][\"prop18plus_atleast1dose\"] );\n mycanada[\"features\"][i][\"properties\"][field] = prev4_1;\n if (prev4_1 > mxover18p) mxover18p = prev4_1;\n\n field = \"prop18plus_fully\" + mycanadavax[j][\"Date\"];\n if ( Number( mycanadavax[j][\"prop18plus_fully\"] ) > prev4_2 ) prev4_2 = Number( mycanadavax[j][\"prop18plus_fully\"] );\n mycanada[\"features\"][i][\"properties\"][field] = prev4_2;\n if (prev4_2 > mxover18p) mxover18p = prev4_2; \n\n field = \"prop18plus_1additional\" + mycanadavax[j][\"Date\"];\n if ( Number( mycanadavax[j][\"prop18plus_1additional\"] ) > prev4_3 ) prev4_3 = Number( mycanadavax[j][\"prop18plus_1additional\"] );\n mycanada[\"features\"][i][\"properties\"][field] = prev4_3; \n if (prev4_3 > mxover18p) mxover18p = prev4_3;\n\n field = \"prop18plus_2additional\" + mycanadavax[j][\"Date\"];\n if ( Number( mycanadavax[j][\"prop18plus_2additional\"] ) > prev4_4 ) prev4_4 = Number( mycanadavax[j][\"prop18plus_2additional\"] );\n mycanada[\"features\"][i][\"properties\"][field] = prev4_4;\n if (prev4_4 > mxover18p) mxover18p = prev4_4;\n\n\/\/-----------------------\n field = \"num12plus_atleast1dose\" + mycanadavax[j][\"Date\"];\n if ( Number( mycanadavax[j][\"num12plus_atleast1dose\"] ) > prev5_1 ) prev5_1 = Number( mycanadavax[j][\"num12plus_atleast1dose\"] );\n mycanada[\"features\"][i][\"properties\"][field] = prev5_1;\n if (prev5_1 > mxover12) mxover12 = prev5_1;\n\n field = \"num12plus_fully\" + mycanadavax[j][\"Date\"];\n if ( Number( mycanadavax[j][\"num12plus_fully\"] ) > prev5_2 ) prev5_2 = Number( mycanadavax[j][\"num12plus_fully\"] );\n mycanada[\"features\"][i][\"properties\"][field] = prev5_2;\n if (prev5_2 > mxover12) mxover12 = prev5_2; \n\n field = \"num12plus_1additional\" + mycanadavax[j][\"Date\"];\n if ( Number( mycanadavax[j][\"num12plus_1additional\"] ) > prev5_3 ) prev5_3 = Number( mycanadavax[j][\"num12plus_1additional\"] );\n mycanada[\"features\"][i][\"properties\"][field] = prev5_3; \n if (prev5_3 > mxover12) mxover12 = prev5_3;\n\n field = \"num12plus_2additional\" + mycanadavax[j][\"Date\"];\n if ( Number( mycanadavax[j][\"num12plus_2additional\"] ) > prev5_4 ) prev5_4 = Number( mycanadavax[j][\"num12plus_2additional\"] );\n mycanada[\"features\"][i][\"properties\"][field] = prev5_4;\n if (prev5_4 > mxover12) mxover12 = prev5_4;\n\n\/\/------------------------------\n field = \"prop12plus_atleast1dose\" + mycanadavax[j][\"Date\"];\n if ( Number( mycanadavax[j][\"prop12plus_atleast1dose\"] ) > prev6_1 ) prev6_1 = Number( mycanadavax[j][\"prop12plus_atleast1dose\"] );\n mycanada[\"features\"][i][\"properties\"][field] = prev6_1;\n if (prev6_1 > mxover12p) mxover12p = prev6_1;\n\n field = \"prop12plus_fully\" + mycanadavax[j][\"Date\"];\n if ( Number( mycanadavax[j][\"prop12plus_fully\"] ) > prev6_2 ) prev6_2 = Number( mycanadavax[j][\"prop12plus_fully\"] );\n mycanada[\"features\"][i][\"properties\"][field] = prev6_2;\n if (prev6_2 > mxover12p) mxover12p = prev6_2; \n\n field = \"prop12plus_1additional\" + mycanadavax[j][\"Date\"];\n if ( Number( mycanadavax[j][\"prop12plus_1additional\"] ) > prev6_3 ) prev6_3 = Number( mycanadavax[j][\"prop12plus_1additional\"] );\n mycanada[\"features\"][i][\"properties\"][field] = prev6_3; \n if (prev6_3 > mxover12p) mxover12p = prev6_3;\n\n field = \"prop12plus_2additional\" + mycanadavax[j][\"Date\"];\n if ( Number( mycanadavax[j][\"prop12plus_2additional\"] ) > prev6_4 ) prev6_4 = Number( mycanadavax[j][\"prop12plus_2additional\"] );\n mycanada[\"features\"][i][\"properties\"][field] = prev6_4;\n if (prev6_4 > mxover12p) mxover12p = prev6_4;\n\n\/\/-------------------------------\n field = \"num5plus_atleast1dose\" + mycanadavax[j][\"Date\"];\n if ( Number( mycanadavax[j][\"num5plus_atleast1dose\"] ) > prev7_1 ) prev7_1 = Number( mycanadavax[j][\"num5plus_atleast1dose\"] );\n mycanada[\"features\"][i][\"properties\"][field] = prev7_1;\n if (prev7_1 > mxover5) mxover5 = prev7_1;\n\n field = \"num5plus_fully\" + mycanadavax[j][\"Date\"];\n if ( Number( mycanadavax[j][\"num5plus_fully\"] ) > prev7_2 ) prev7_2 = Number( mycanadavax[j][\"num5plus_fully\"] );\n mycanada[\"features\"][i][\"properties\"][field] = prev7_2;\n if (prev7_2 > mxover5) mxover5 = prev7_2; \n\n field = \"num5plus_1additional\" + mycanadavax[j][\"Date\"];\n if ( Number( mycanadavax[j][\"num5plus_1additional\"] ) > prev7_3 ) prev7_3 = Number( mycanadavax[j][\"num5plus_1additional\"] );\n mycanada[\"features\"][i][\"properties\"][field] = prev7_3; \n if (prev7_3 > mxover5) mxover5 = prev7_3;\n\n field = \"num5plus_2additional\" + mycanadavax[j][\"Date\"];\n if ( Number( mycanadavax[j][\"num5plus_2additional\"] ) > prev7_4 ) prev7_4 = Number( mycanadavax[j][\"num5plus_2additional\"] );\n mycanada[\"features\"][i][\"properties\"][field] = prev7_4;\n if (prev7_4 > mxover5) mxover5 = prev7_4;\n\n\/\/-------------------------------\n field = \"prop5plus_atleast1dose\" + mycanadavax[j][\"Date\"];\n if ( Number( mycanadavax[j][\"prop5plus_atleast1dose\"] ) > prev8_1 ) prev8_1 = Number( mycanadavax[j][\"prop5plus_atleast1dose\"] );\n mycanada[\"features\"][i][\"properties\"][field] = prev8_1;\n if (prev8_1 > mxover5p) mxover5p = prev8_1;\n\n field = \"prop5plus_fully\" + mycanadavax[j][\"Date\"];\n if ( Number( mycanadavax[j][\"prop5plus_fully\"] ) > prev8_2 ) prev8_2 = Number( mycanadavax[j][\"prop5plus_fully\"] );\n mycanada[\"features\"][i][\"properties\"][field] = prev8_2;\n if (prev8_2 > mxover5p) mxover5p = prev8_2; \n\n field = \"prop5plus_1additional\" + mycanadavax[j][\"Date\"];\n if ( Number( mycanadavax[j][\"prop5plus_1additional\"] ) > prev8_3 ) prev8_3 = Number( mycanadavax[j][\"prop5plus_1additional\"] );\n mycanada[\"features\"][i][\"properties\"][field] = prev8_3; \n if (prev8_3 > mxover5p) mxover5p = prev8_3;\n\n field = \"prop5plus_2additional\" + mycanadavax[j][\"Date\"];\n if ( Number( mycanadavax[j][\"prop5plus_2additional\"] ) > prev8_4 ) prev8_4 = Number( mycanadavax[j][\"prop5plus_2additional\"] );\n mycanada[\"features\"][i][\"properties\"][field] = prev8_4;\n if (prev8_4 > mxover5p) mxover5p = prev8_4;\n }\n }\n if (b == 0) {\n mycanada[\"features\"].splice(i, 1); \n nullCountries.push (province); \n }\n}\nmx_r_value--;\nmx_r_value = mx_r_value.toString();\n\nmxtotalp = 100;\nmxover18p = 100;\nmxover12p = 100;\nmxover5p = 100;\n\nnumtotal_atleast1dose = \"numtotal_atleast1dose2022-02-06\";\nnumtotal_fully = \"numtotal_fully2022-02-06\";\nnumtotal_1additional = \"numtotal_1additional2022-02-06\";\nnumtotal_2additional = \"numtotal_2additional2022-02-06\";\nproptotal_atleast1dose = \"proptotal_atleast1dose2022-02-06\";\nproptotal_fully = \"proptotal_fully2022-02-06\";\nproptotal_1additional = \"proptotal_1additional2022-02-06\";\nproptotal_2additional = \"proptotal_2additional2022-02-06\";\nnum18plus_atleast1dose = \"num18plus_atleast1dose2022-02-06\";\nnum18plus_fully = \"num18plus_fully2022-02-06\";\nnum18plus_1additional = \"num18plus_1additional2022-02-06\";\nnum18plus_2additional = \"num18plus_2additional2022-02-06\";\nprop18plus_atleast1dose = \"prop18plus_atleast1dose2022-02-06\";\nprop18plus_fully = \"prop18plus_fully2022-02-06\";\nprop18plus_1additional = \"prop18plus_1additional2022-02-06\";\nprop18plus_2additional = \"prop18plus_2additional2022-02-06\";\nnum12plus_atleast1dose = \"num12plus_atleast1dose2022-02-06\";\nnum12plus_fully = \"num12plus_fully2022-02-06\";\nnum12plus_1additional = \"num12plus_1additional2022-02-06\";\nnum12plus_2additional = \"num12plus_2additional2022-02-06\";\nprop12plus_atleast1dose = \"prop12plus_atleast1dose2022-02-06\";\nprop12plus_fully = \"prop12plus_fully2022-02-06\";\nprop12plus_1additional = \"prop12plus_1additional2022-02-06\";\nprop12plus_2additional = \"prop12plus_2additional2022-02-06\";\nnum5plus_atleast1dose = \"num5plus_atleast1dose2022-02-06\";\nnum5plus_fully = \"num5plus_fully2022-02-06\";\nnum5plus_1additional = \"num5plus_1additional2022-02-06\";\nnum5plus_2additional = \"num5plus_2additional2022-02-06\";\nprop5plus_atleast1dose = \"prop5plus_atleast1dose2022-02-06\";\nprop5plus_fully = \"prop5plus_fully2022-02-06\";\nprop5plus_1additional = \"prop5plus_1additional2022-02-06\";\nprop5plus_2additional = \"prop5plus_2additional2022-02-06\";\n\n\n\nwindow.onload = plzwork;\nfunction plzwork () { \n document.getElementById(\"totalrange\").max = mx_r_value;\n document.getElementById(\"totalrange\").value = 59;\n document.getElementById(\"plus18range\").max = mx_r_value;\n document.getElementById(\"plus18range\").value = 59;\n document.getElementById(\"plus12range\").max = mx_r_value;\n document.getElementById(\"plus12range\").value = 59;\n document.getElementById(\"plus5range\").max = mx_r_value;\n document.getElementById(\"plus5range\").value = 59;\n\n\/\/----------- total --------------\n map1_1 = L.map('totalvax1', {attributionControl:false}).setView([68, -98], 1.5);\n map1_1.zoomControl.setPosition('bottomleft');\n var tiles1_1 = L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/rastertiles\/voyager\/{z}\/{x}\/{y}.png', {maxZoom: 19,\n attribution: '© <a href=\"https:\/\/carto.com\/\">carto.com<\/a> contributors'}).addTo(map1_1);\n geojson1_1 = L.geoJson(mycanada, {style: totalStyle1_1, onEachFeature: onEachFeature1_1}).addTo(map1_1);\n\n map1_2 = L.map('totalvax2', {attributionControl:false}).setView([68, -98], 1.5);\n map1_2.zoomControl.setPosition('bottomleft');\n var tiles1_2 = L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/rastertiles\/voyager\/{z}\/{x}\/{y}.png', {maxZoom: 19,\n attribution: '© <a href=\"https:\/\/carto.com\/\">carto.com<\/a> contributors'}).addTo(map1_2);\n geojson1_2 = L.geoJson(mycanada, {style: totalStyle1_2, onEachFeature: onEachFeature1_2}).addTo(map1_2);\n\n map1_3 = L.map('totalvax3', {attributionControl:false}).setView([68, -98], 1.5);\n map1_3.zoomControl.setPosition('bottomleft');\n var tiles1_3 = L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/rastertiles\/voyager\/{z}\/{x}\/{y}.png', {maxZoom: 19,\n attribution: '© <a href=\"https:\/\/carto.com\/\">carto.com<\/a> contributors'}).addTo(map1_3);\n geojson1_3 = L.geoJson(mycanada, {style: totalStyle1_3, onEachFeature: onEachFeature1_3}).addTo(map1_3);\n\n map1_4 = L.map('totalvax4', {attributionControl:false}).setView([68, -98], 1.5);\n map1_4.zoomControl.setPosition('bottomleft');\n var tiles1_4 = L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/rastertiles\/voyager\/{z}\/{x}\/{y}.png', {maxZoom: 19,\n attribution: '© <a href=\"https:\/\/carto.com\/\">carto.com<\/a> contributors'}).addTo(map1_4);\n geojson1_4 = L.geoJson(mycanada, {style: totalStyle1_4, onEachFeature: onEachFeature1_4}).addTo(map1_4);\n\n map2_1 = L.map('totalpvax1', {attributionControl:false}).setView([68, -98], 1.5);\n map2_1.zoomControl.setPosition('bottomleft');\n var tiles2_1 = L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/rastertiles\/voyager\/{z}\/{x}\/{y}.png', {maxZoom: 19,\n attribution: '© <a href=\"https:\/\/carto.com\/\">carto.com<\/a> contributors'}).addTo(map2_1);\n geojson2_1 = L.geoJson(mycanada, {style: totalStyle2_1, onEachFeature: onEachFeature2_1}).addTo(map2_1);\n\n map2_2 = L.map('totalpvax2', {attributionControl:false}).setView([68, -98], 1.5);\n map2_2.zoomControl.setPosition('bottomleft');\n var tiles2_2 = L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/rastertiles\/voyager\/{z}\/{x}\/{y}.png', {maxZoom: 19,\n attribution: '© <a href=\"https:\/\/carto.com\/\">carto.com<\/a> contributors'}).addTo(map2_2);\n geojson2_2 = L.geoJson(mycanada, {style: totalStyle2_2, onEachFeature: onEachFeature2_2}).addTo(map2_2);\n\n map2_3 = L.map('totalpvax3', {attributionControl:false}).setView([68, -98], 1.5);\n map2_3.zoomControl.setPosition('bottomleft');\n var tiles2_3 = L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/rastertiles\/voyager\/{z}\/{x}\/{y}.png', {maxZoom: 19,\n attribution: '© <a href=\"https:\/\/carto.com\/\">carto.com<\/a> contributors'}).addTo(map2_3);\n geojson2_3 = L.geoJson(mycanada, {style: totalStyle2_3, onEachFeature: onEachFeature2_3}).addTo(map2_3);\n\n map2_4 = L.map('totalpvax4', {attributionControl:false}).setView([68, -98], 1.5);\n map2_4.zoomControl.setPosition('bottomleft');\n var tiles2_4 = L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/rastertiles\/voyager\/{z}\/{x}\/{y}.png', {maxZoom: 19,\n attribution: '© <a href=\"https:\/\/carto.com\/\">carto.com<\/a> contributors'}).addTo(map2_4);\n geojson2_4 = L.geoJson(mycanada, {style: totalStyle2_4, onEachFeature: onEachFeature2_4}).addTo(map2_4);\n\n \n\n\/\/--------------- over 18\n map3_1 = L.map('over18vax1', {attributionControl:false}).setView([68, -98], 1.5);\n map3_1.zoomControl.setPosition('bottomleft');\n var tiles3_1 = L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/rastertiles\/voyager\/{z}\/{x}\/{y}.png', {maxZoom: 19,\n attribution: '© <a href=\"https:\/\/carto.com\/\">carto.com<\/a> contributors'}).addTo(map3_1);\n geojson3_1 = L.geoJson(mycanada, {style: plus18Style1_1, onEachFeature: onEachFeature3_1}).addTo(map3_1);\n\n map3_2 = L.map('over18vax2', {attributionControl:false}).setView([68, -98], 1.5);\n map3_2.zoomControl.setPosition('bottomleft');\n var tiles3_2 = L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/rastertiles\/voyager\/{z}\/{x}\/{y}.png', {maxZoom: 19,\n attribution: '© <a href=\"https:\/\/carto.com\/\">carto.com<\/a> contributors'}).addTo(map3_2);\n geojson3_2 = L.geoJson(mycanada, {style: plus18Style1_2, onEachFeature: onEachFeature3_2}).addTo(map3_2);\n\n map3_3 = L.map('over18vax3', {attributionControl:false}).setView([68, -98], 1.5);\n map3_3.zoomControl.setPosition('bottomleft');\n var tiles3_3 = L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/rastertiles\/voyager\/{z}\/{x}\/{y}.png', {maxZoom: 19,\n attribution: '© <a href=\"https:\/\/carto.com\/\">carto.com<\/a> contributors'}).addTo(map3_3);\n geojson3_3 = L.geoJson(mycanada, {style: plus18Style1_3, onEachFeature: onEachFeature3_3}).addTo(map3_3);\n\n map3_4 = L.map('over18vax4', {attributionControl:false}).setView([68, -98], 1.5);\n map3_4.zoomControl.setPosition('bottomleft');\n var tiles3_4 = L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/rastertiles\/voyager\/{z}\/{x}\/{y}.png', {maxZoom: 19,\n attribution: '© <a href=\"https:\/\/carto.com\/\">carto.com<\/a> contributors'}).addTo(map3_4);\n geojson3_4 = L.geoJson(mycanada, {style: plus18Style1_4, onEachFeature: onEachFeature3_4}).addTo(map3_4);\n\n map4_1 = L.map('over18pvax1', {attributionControl:false}).setView([68, -98], 1.5);\n map4_1.zoomControl.setPosition('bottomleft');\n var tiles4_1 = L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/rastertiles\/voyager\/{z}\/{x}\/{y}.png', {maxZoom: 19,\n attribution: '© <a href=\"https:\/\/carto.com\/\">carto.com<\/a> contributors'}).addTo(map4_1);\n geojson4_1 = L.geoJson(mycanada, {style: plus18Style2_1, onEachFeature: onEachFeature4_1}).addTo(map4_1);\n\n map4_2 = L.map('over18pvax2', {attributionControl:false}).setView([68, -98], 1.5);\n map4_2.zoomControl.setPosition('bottomleft');\n var tiles4_2 = L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/rastertiles\/voyager\/{z}\/{x}\/{y}.png', {maxZoom: 19,\n attribution: '© <a href=\"https:\/\/carto.com\/\">carto.com<\/a> contributors'}).addTo(map4_2);\n geojson4_2 = L.geoJson(mycanada, {style: plus18Style2_2, onEachFeature: onEachFeature4_2}).addTo(map4_2);\n\n map4_3 = L.map('over18pvax3', {attributionControl:false}).setView([68, -98], 1.5);\n map4_3.zoomControl.setPosition('bottomleft');\n var tiles4_3 = L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/rastertiles\/voyager\/{z}\/{x}\/{y}.png', {maxZoom: 19,\n attribution: '© <a href=\"https:\/\/carto.com\/\">carto.com<\/a> contributors'}).addTo(map4_3);\n geojson4_3 = L.geoJson(mycanada, {style: plus18Style2_3, onEachFeature: onEachFeature4_3}).addTo(map4_3);\n\n map4_4 = L.map('over18pvax4', {attributionControl:false}).setView([68, -98], 1.5);\n map4_4.zoomControl.setPosition('bottomleft');\n var tiles4_4 = L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/rastertiles\/voyager\/{z}\/{x}\/{y}.png', {maxZoom: 19,\n attribution: '© <a href=\"https:\/\/carto.com\/\">carto.com<\/a> contributors'}).addTo(map4_4);\n geojson4_4 = L.geoJson(mycanada, {style: plus18Style2_4, onEachFeature: onEachFeature4_4}).addTo(map4_4);\n\n\n\n\/\/-------------- Over 12 \n map5_1 = L.map('over12vax1', {attributionControl:false}).setView([68, -98], 1.5);\n map5_1.zoomControl.setPosition('bottomleft');\n var tiles5_1 = L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/rastertiles\/voyager\/{z}\/{x}\/{y}.png', {maxZoom: 19,\n attribution: '© <a href=\"https:\/\/carto.com\/\">carto.com<\/a> contributors'}).addTo(map5_1);\n geojson5_1 = L.geoJson(mycanada, {style: plus12Style1_1, onEachFeature: onEachFeature5_1}).addTo(map5_1);\n\n map5_2 = L.map('over12vax2', {attributionControl:false}).setView([68, -98], 1.5);\n map5_2.zoomControl.setPosition('bottomleft');\n var tiles5_2 = L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/rastertiles\/voyager\/{z}\/{x}\/{y}.png', {maxZoom: 19,\n attribution: '© <a href=\"https:\/\/carto.com\/\">carto.com<\/a> contributors'}).addTo(map5_2);\n geojson5_2 = L.geoJson(mycanada, {style: plus12Style1_2, onEachFeature: onEachFeature5_2}).addTo(map5_2);\n\n map5_3 = L.map('over12vax3', {attributionControl:false}).setView([68, -98], 1.5);\n map5_3.zoomControl.setPosition('bottomleft');\n var tiles5_3 = L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/rastertiles\/voyager\/{z}\/{x}\/{y}.png', {maxZoom: 19,\n attribution: '© <a href=\"https:\/\/carto.com\/\">carto.com<\/a> contributors'}).addTo(map5_3);\n geojson5_3 = L.geoJson(mycanada, {style: plus12Style1_3, onEachFeature: onEachFeature5_3}).addTo(map5_3);\n\n map5_4 = L.map('over12vax4', {attributionControl:false}).setView([68, -98], 1.5);\n map5_4.zoomControl.setPosition('bottomleft');\n var tiles5_4 = L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/rastertiles\/voyager\/{z}\/{x}\/{y}.png', {maxZoom: 19,\n attribution: '© <a href=\"https:\/\/carto.com\/\">carto.com<\/a> contributors'}).addTo(map5_4);\n geojson5_4 = L.geoJson(mycanada, {style: plus12Style1_4, onEachFeature: onEachFeature5_4}).addTo(map5_4);\n\n map6_1 = L.map('over12pvax1', {attributionControl:false}).setView([68, -98], 1.5);\n map6_1.zoomControl.setPosition('bottomleft');\n var tiles6_1 = L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/rastertiles\/voyager\/{z}\/{x}\/{y}.png', {maxZoom: 19,\n attribution: '© <a href=\"https:\/\/carto.com\/\">carto.com<\/a> contributors'}).addTo(map6_1);\n geojson6_1 = L.geoJson(mycanada, {style: plus12Style2_1, onEachFeature: onEachFeature6_1}).addTo(map6_1);\n\n map6_2 = L.map('over12pvax2', {attributionControl:false}).setView([68, -98], 1.5);\n map6_2.zoomControl.setPosition('bottomleft');\n var tiles6_2 = L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/rastertiles\/voyager\/{z}\/{x}\/{y}.png', {maxZoom: 19,\n attribution: '© <a href=\"https:\/\/carto.com\/\">carto.com<\/a> contributors'}).addTo(map6_2);\n geojson6_2 = L.geoJson(mycanada, {style: plus12Style2_2, onEachFeature: onEachFeature6_2}).addTo(map6_2);\n\n map6_3 = L.map('over12pvax3', {attributionControl:false}).setView([68, -98], 1.5);\n map6_3.zoomControl.setPosition('bottomleft');\n var tiles6_3 = L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/rastertiles\/voyager\/{z}\/{x}\/{y}.png', {maxZoom: 19,\n attribution: '© <a href=\"https:\/\/carto.com\/\">carto.com<\/a> contributors'}).addTo(map6_3);\n geojson6_3 = L.geoJson(mycanada, {style: plus12Style2_3, onEachFeature: onEachFeature6_3}).addTo(map6_3);\n\n map6_4 = L.map('over12pvax4', {attributionControl:false}).setView([68, -98], 1.5);\n map6_4.zoomControl.setPosition('bottomleft');\n var tiles6_4 = L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/rastertiles\/voyager\/{z}\/{x}\/{y}.png', {maxZoom: 19,\n attribution: '© <a href=\"https:\/\/carto.com\/\">carto.com<\/a> contributors'}).addTo(map6_4);\n geojson6_4 = L.geoJson(mycanada, {style: plus12Style2_4, onEachFeature: onEachFeature6_4}).addTo(map6_4);\n\n\n\n\n\/\/---------------------- Over5\n map7_1 = L.map('over5vax1', {attributionControl:false}).setView([68, -98], 1.5);\n map7_1.zoomControl.setPosition('bottomleft');\n var tiles7_1 = L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/rastertiles\/voyager\/{z}\/{x}\/{y}.png', {maxZoom: 19,\n attribution: '© <a href=\"https:\/\/carto.com\/\">carto.com<\/a> contributors'}).addTo(map7_1);\n geojson7_1 = L.geoJson(mycanada, {style: plus5Style1_1, onEachFeature: onEachFeature7_1}).addTo(map7_1);\n\n map7_2 = L.map('over5vax2', {attributionControl:false}).setView([68, -98], 1.5);\n map7_2.zoomControl.setPosition('bottomleft');\n var tiles7_2 = L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/rastertiles\/voyager\/{z}\/{x}\/{y}.png', {maxZoom: 19,\n attribution: '© <a href=\"https:\/\/carto.com\/\">carto.com<\/a> contributors'}).addTo(map7_2);\n geojson7_2 = L.geoJson(mycanada, {style: plus5Style1_2, onEachFeature: onEachFeature7_2}).addTo(map7_2);\n\n map7_3 = L.map('over5vax3', {attributionControl:false}).setView([68, -98], 1.5);\n map7_3.zoomControl.setPosition('bottomleft');\n var tiles7_3 = L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/rastertiles\/voyager\/{z}\/{x}\/{y}.png', {maxZoom: 19,\n attribution: '© <a href=\"https:\/\/carto.com\/\">carto.com<\/a> contributors'}).addTo(map7_3);\n geojson7_3 = L.geoJson(mycanada, {style: plus5Style1_3, onEachFeature: onEachFeature7_3}).addTo(map7_3);\n\n map7_4 = L.map('over5vax4', {attributionControl:false}).setView([68, -98], 1.5);\n map7_4.zoomControl.setPosition('bottomleft');\n var tiles7_4 = L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/rastertiles\/voyager\/{z}\/{x}\/{y}.png', {maxZoom: 19,\n attribution: '© <a href=\"https:\/\/carto.com\/\">carto.com<\/a> contributors'}).addTo(map7_4);\n geojson7_4 = L.geoJson(mycanada, {style: plus5Style1_4, onEachFeature: onEachFeature7_4}).addTo(map7_4);\n\n map8_1 = L.map('over5pvax1', {attributionControl:false}).setView([68, -98], 1.5);\n map8_1.zoomControl.setPosition('bottomleft');\n var tiles8_1 = L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/rastertiles\/voyager\/{z}\/{x}\/{y}.png', {maxZoom: 19,\n attribution: '© <a href=\"https:\/\/carto.com\/\">carto.com<\/a> contributors'}).addTo(map8_1);\n geojson8_1 = L.geoJson(mycanada, {style: plus5Style2_1, onEachFeature: onEachFeature8_1}).addTo(map8_1);\n\n map8_2 = L.map('over5pvax2', {attributionControl:false}).setView([68, -98], 1.5);\n map8_2.zoomControl.setPosition('bottomleft');\n var tiles8_2 = L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/rastertiles\/voyager\/{z}\/{x}\/{y}.png', {maxZoom: 19,\n attribution: '© <a href=\"https:\/\/carto.com\/\">carto.com<\/a> contributors'}).addTo(map8_2);\n geojson8_2 = L.geoJson(mycanada, {style: plus5Style2_2, onEachFeature: onEachFeature8_2}).addTo(map8_2);\n\n map8_3 = L.map('over5pvax3', {attributionControl:false}).setView([68, -98], 1.5);\n map8_3.zoomControl.setPosition('bottomleft');\n var tiles8_3 = L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/rastertiles\/voyager\/{z}\/{x}\/{y}.png', {maxZoom: 19,\n attribution: '© <a href=\"https:\/\/carto.com\/\">carto.com<\/a> contributors'}).addTo(map8_3);\n geojson8_3 = L.geoJson(mycanada, {style: plus5Style2_3, onEachFeature: onEachFeature8_3}).addTo(map8_3);\n\n map8_4 = L.map('over5pvax4', {attributionControl:false}).setView([68, -98], 1.5);\n map8_4.zoomControl.setPosition('bottomleft');\n var tiles8_4 = L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/rastertiles\/voyager\/{z}\/{x}\/{y}.png', {maxZoom: 19,\n attribution: '© <a href=\"https:\/\/carto.com\/\">carto.com<\/a> contributors'}).addTo(map8_4);\n geojson8_4 = L.geoJson(mycanada, {style: plus5Style2_4, onEachFeature: onEachFeature8_4}).addTo(map8_4);\n\n\/\/------------------------------------------------\n\n\/\/------------- total\n info1_1 = L.control({position: 'topright'});\n info1_1.onAdd = function (map1_1) {\n this._div = L.DomUtil.create('div', 'info'); \/\/ create a div with a class \"info\"\n this.update(); \n return this._div;\n };\n info1_1.update = function (props) { \n this._div.innerHTML = '<h6><b> Total 1st Dose Vax <\/b><\/h6>' + (props ? '<b>' + \n props.Name_EN + ': <\/b>' + (props[numtotal_atleast1dose] >= 0 ? (props[numtotal_atleast1dose]).toFixed(4) + ' persons' : ' N\/A') : \n 'Hover over any country'); \n };\n info1_1.addTo(map1_1);\n\n info1_2 = L.control({position: 'topright'});\n info1_2.onAdd = function (map1_2) {\n this._div = L.DomUtil.create('div', 'info'); \/\/ create a div with a class \"info\"\n this.update(); \n return this._div;\n };\n info1_2.update = function (props) { \n this._div.innerHTML = '<h6><b> Total 2nd Dose Vax <\/b><\/h6>' + (props ? '<b>' + \n props.Name_EN + ': <\/b>' + (props[numtotal_fully] >= 0 ? (props[numtotal_fully]).toFixed(4) + ' persons' : ' N\/A') : \n 'Hover over any country'); \n };\n info1_2.addTo(map1_2);\n\n info1_3 = L.control({position: 'topright'});\n info1_3.onAdd = function (map1_3) {\n this._div = L.DomUtil.create('div', 'info'); \/\/ create a div with a class \"info\"\n this.update(); \n return this._div;\n };\n info1_3.update = function (props) { \n this._div.innerHTML = '<h6><b> Total 3rd Dose Vax <\/b><\/h6>' + (props ? '<b>' + \n props.Name_EN + ': <\/b>' + (props[numtotal_1additional] >= 0 ? (props[numtotal_1additional]).toFixed(4) + ' persons' : ' N\/A') : \n 'Hover over any country'); \n };\n info1_3.addTo(map1_3);\n\n info1_4 = L.control({position: 'topright'});\n info1_4.onAdd = function (map1_4) {\n this._div = L.DomUtil.create('div', 'info'); \/\/ create a div with a class \"info\"\n this.update(); \n return this._div;\n };\n info1_4.update = function (props) { \n this._div.innerHTML = '<h6><b> Total 4th Dose Vax <\/b><\/h6>' + (props ? '<b>' + \n props.Name_EN + ': <\/b>' + (props[numtotal_2additional] >= 0 ? (props[numtotal_2additional]).toFixed(4) + ' persons' : ' N\/A') : \n 'Hover over any country'); \n };\n info1_4.addTo(map1_4);\n\n info2_1 = L.control({position: 'topright'});\n info2_1.onAdd = function (map2_1) {\n this._div = L.DomUtil.create('div', 'info'); \/\/ create a div with a class \"info\"\n this.update(); \n return this._div;\n };\n info2_1.update = function (props) { \n this._div.innerHTML = '<h6><b> Total 1st Dose Vax in % <\/b><\/h6>' + (props ? '<b>' + \n props.Name_EN + ': <\/b>' + (props[proptotal_atleast1dose] >= 0 ? (props[proptotal_atleast1dose]).toFixed(4) + ' percentage' : ' N\/A') : \n 'Hover over any country'); \n };\n info2_1.addTo(map2_1);\n\n info2_2 = L.control({position: 'topright'});\n info2_2.onAdd = function (map2_2) {\n this._div = L.DomUtil.create('div', 'info'); \/\/ create a div with a class \"info\"\n this.update(); \n return this._div;\n };\n info2_2.update = function (props) { \n this._div.innerHTML = '<h6><b> Total 2nd Dose Vax in % <\/b><\/h6>' + (props ? '<b>' + \n props.Name_EN + ': <\/b>' + (props[proptotal_fully] >= 0 ? (props[proptotal_fully]).toFixed(4) + ' percentage' : ' N\/A') : \n 'Hover over any country'); \n };\n info2_2.addTo(map2_2);\n\n info2_3 = L.control({position: 'topright'});\n info2_3.onAdd = function (map2_3) {\n this._div = L.DomUtil.create('div', 'info'); \/\/ create a div with a class \"info\"\n this.update(); \n return this._div;\n };\n info2_3.update = function (props) { \n this._div.innerHTML = '<h6><b> Total 3rd Dose Vax in % <\/b><\/h6>' + (props ? '<b>' + \n props.Name_EN + ': <\/b>' + (props[proptotal_1additional] >= 0 ? (props[proptotal_1additional]).toFixed(4) + ' percentage' : ' N\/A') : \n 'Hover over any country'); \n };\n info2_3.addTo(map2_3);\n\n info2_4 = L.control({position: 'topright'});\n info2_4.onAdd = function (map2_4) {\n this._div = L.DomUtil.create('div', 'info'); \/\/ create a div with a class \"info\"\n this.update(); \n return this._div;\n };\n info2_4.update = function (props) { \n this._div.innerHTML = '<h6><b> Total 4th Dose Vax in % <\/b><\/h6>' + (props ? '<b>' + \n props.Name_EN + ': <\/b>' + (props[proptotal_2additional] >= 0 ? (props[proptotal_2additional]).toFixed(4) + ' percentage' : ' N\/A') : \n 'Hover over any country'); \n };\n info2_4.addTo(map2_4);\n\n\/\/------------------- Over 18\n info3_1 = L.control({position: 'topright'});\n info3_1.onAdd = function (map3_1) {\n this._div = L.DomUtil.create('div', 'info'); \/\/ create a div with a class \"info\"\n this.update(); \n return this._div;\n };\n info3_1.update = function (props) { \n this._div.innerHTML = '<h6><b> 1st Dose Vax (18+) <\/b><\/h6>' + (props ? '<b>' + \n props.Name_EN + ': <\/b>' + (props[num18plus_atleast1dose] >= 0 ? (props[num18plus_atleast1dose]).toFixed(4) + ' persons' : ' N\/A') : \n 'Hover over any country'); \n };\n info3_1.addTo(map3_1);\n\n info3_2 = L.control({position: 'topright'});\n info3_2.onAdd = function (map3_2) {\n this._div = L.DomUtil.create('div', 'info'); \/\/ create a div with a class \"info\"\n this.update(); \n return this._div;\n };\n info3_2.update = function (props) { \n this._div.innerHTML = '<h6><b> 2nd Dose Vax (18+) <\/b><\/h6>' + (props ? '<b>' + \n props.Name_EN + ': <\/b>' + (props[num18plus_fully] >= 0 ? (props[num18plus_fully]).toFixed(4) + ' persons' : ' N\/A') : \n 'Hover over any country'); \n };\n info3_2.addTo(map3_2);\n\n info3_3 = L.control({position: 'topright'});\n info3_3.onAdd = function (map3_3) {\n this._div = L.DomUtil.create('div', 'info'); \/\/ create a div with a class \"info\"\n this.update(); \n return this._div;\n };\n info3_3.update = function (props) { \n this._div.innerHTML = '<h6><b> 3rd Dose Vax (18+) <\/b><\/h6>' + (props ? '<b>' + \n props.Name_EN + ': <\/b>' + (props[num18plus_1additional] >= 0 ? (props[num18plus_1additional]).toFixed(4) + ' persons' : ' N\/A') : \n 'Hover over any country'); \n };\n info3_3.addTo(map3_3);\n\n info3_4 = L.control({position: 'topright'});\n info3_4.onAdd = function (map3_4) {\n this._div = L.DomUtil.create('div', 'info'); \/\/ create a div with a class \"info\"\n this.update(); \n return this._div;\n };\n info3_4.update = function (props) { \n this._div.innerHTML = '<h6><b> 4th Dose Vax (18+) <\/b><\/h6>' + (props ? '<b>' + \n props.Name_EN + ': <\/b>' + (props[num18plus_2additional] >= 0 ? (props[num18plus_2additional]).toFixed(4) + ' persons' : ' N\/A') : \n 'Hover over any country'); \n };\n info3_4.addTo(map3_4);\n\n info4_1 = L.control({position: 'topright'});\n info4_1.onAdd = function (map4_1) {\n this._div = L.DomUtil.create('div', 'info'); \/\/ create a div with a class \"info\"\n this.update(); \n return this._div;\n };\n info4_1.update = function (props) { \n this._div.innerHTML = '<h6><b> 1st Dose Vax in % (18+) <\/b><\/h6>' + (props ? '<b>' + \n props.Name_EN + ': <\/b>' + (props[prop18plus_atleast1dose] >= 0 ? (props[prop18plus_atleast1dose]).toFixed(4) + ' percentage' : ' N\/A') : \n 'Hover over any country'); \n };\n info4_1.addTo(map4_1);\n\n info4_2 = L.control({position: 'topright'});\n info4_2.onAdd = function (map4_2) {\n this._div = L.DomUtil.create('div', 'info'); \/\/ create a div with a class \"info\"\n this.update(); \n return this._div;\n };\n info4_2.update = function (props) { \n this._div.innerHTML = '<h6><b> 2nd Dose Vax in % (18+) <\/b><\/h6>' + (props ? '<b>' + \n props.Name_EN + ': <\/b>' + (props[prop18plus_fully] >= 0 ? (props[prop18plus_fully]).toFixed(4) + ' percentage' : ' N\/A') : \n 'Hover over any country'); \n };\n info4_2.addTo(map4_2);\n\n info4_3 = L.control({position: 'topright'});\n info4_3.onAdd = function (map4_3) {\n this._div = L.DomUtil.create('div', 'info'); \/\/ create a div with a class \"info\"\n this.update(); \n return this._div;\n };\n info4_3.update = function (props) { \n this._div.innerHTML = '<h6><b> 3rd Dose Vax in % (18+) <\/b><\/h6>' + (props ? '<b>' + \n props.Name_EN + ': <\/b>' + (props[prop18plus_1additional] >= 0 ? (props[prop18plus_1additional]).toFixed(4) + ' percentage' : ' N\/A') : \n 'Hover over any country'); \n };\n info4_3.addTo(map4_3);\n\n info4_4 = L.control({position: 'topright'});\n info4_4.onAdd = function (map4_4) {\n this._div = L.DomUtil.create('div', 'info'); \/\/ create a div with a class \"info\"\n this.update(); \n return this._div;\n };\n info4_4.update = function (props) { \n this._div.innerHTML = '<h6><b> 4th Dose Vax in % (18+) <\/b><\/h6>' + (props ? '<b>' + \n props.Name_EN + ': <\/b>' + (props[prop18plus_2additional] >= 0 ? (props[prop18plus_2additional]).toFixed(4) + ' percentage' : ' N\/A') : \n 'Hover over any country'); \n };\n info4_4.addTo(map4_4);\n\n\/\/------------- Over 12\n info5_1 = L.control({position: 'topright'});\n info5_1.onAdd = function (map5_1) {\n this._div = L.DomUtil.create('div', 'info'); \/\/ create a div with a class \"info\"\n this.update(); \n return this._div;\n };\n info5_1.update = function (props) { \n this._div.innerHTML = '<h6><b> 1st Dose Vax (12+) <\/b><\/h6>' + (props ? '<b>' + \n props.Name_EN + ': <\/b>' + (props[num12plus_atleast1dose] >= 0 ? (props[num12plus_atleast1dose]).toFixed(4) + ' persons' : ' N\/A') : \n 'Hover over any country'); \n };\n info5_1.addTo(map5_1);\n\n info5_2 = L.control({position: 'topright'});\n info5_2.onAdd = function (map5_2) {\n this._div = L.DomUtil.create('div', 'info'); \/\/ create a div with a class \"info\"\n this.update(); \n return this._div;\n };\n info5_2.update = function (props) { \n this._div.innerHTML = '<h6><b> 2nd Dose Vax (12+) <\/b><\/h6>' + (props ? '<b>' + \n props.Name_EN + ': <\/b>' + (props[num12plus_fully] >= 0 ? (props[num12plus_fully]).toFixed(4) + ' persons' : ' N\/A') : \n 'Hover over any country'); \n };\n info5_2.addTo(map5_2);\n\n info5_3 = L.control({position: 'topright'});\n info5_3.onAdd = function (map5_3) {\n this._div = L.DomUtil.create('div', 'info'); \/\/ create a div with a class \"info\"\n this.update(); \n return this._div;\n };\n info5_3.update = function (props) { \n this._div.innerHTML = '<h6><b> 3rd Dose Vax (12+) <\/b><\/h6>' + (props ? '<b>' + \n props.Name_EN + ': <\/b>' + (props[num12plus_1additional] >= 0 ? (props[num12plus_1additional]).toFixed(4) + ' persons' : ' N\/A') : \n 'Hover over any country'); \n };\n info5_3.addTo(map5_3);\n\n info5_4 = L.control({position: 'topright'});\n info5_4.onAdd = function (map5_4) {\n this._div = L.DomUtil.create('div', 'info'); \/\/ create a div with a class \"info\"\n this.update(); \n return this._div;\n };\n info5_4.update = function (props) { \n this._div.innerHTML = '<h6><b> 4th Dose Vax (12+) <\/b><\/h6>' + (props ? '<b>' + \n props.Name_EN + ': <\/b>' + (props[num12plus_2additional] >= 0 ? (props[num12plus_2additional]).toFixed(4) + ' persons' : ' N\/A') : \n 'Hover over any country'); \n };\n info5_4.addTo(map5_4);\n\n info6_1 = L.control({position: 'topright'});\n info6_1.onAdd = function (map6_1) {\n this._div = L.DomUtil.create('div', 'info'); \/\/ create a div with a class \"info\"\n this.update(); \n return this._div;\n };\n info6_1.update = function (props) { \n this._div.innerHTML = '<h6><b> 1st Dose Vax in % (12+) <\/b><\/h6>' + (props ? '<b>' + \n props.Name_EN + ': <\/b>' + (props[prop12plus_atleast1dose] >= 0 ? (props[prop12plus_atleast1dose]).toFixed(4) + ' percentage' : ' N\/A') : \n 'Hover over any country'); \n };\n info6_1.addTo(map6_1);\n\n info6_2 = L.control({position: 'topright'});\n info6_2.onAdd = function (map6_2) {\n this._div = L.DomUtil.create('div', 'info'); \/\/ create a div with a class \"info\"\n this.update(); \n return this._div;\n };\n info6_2.update = function (props) { \n this._div.innerHTML = '<h6><b> 2nd Dose Vax in % (12+) <\/b><\/h6>' + (props ? '<b>' + \n props.Name_EN + ': <\/b>' + (props[prop12plus_fully] >= 0 ? (props[prop12plus_fully]).toFixed(4) + ' percentage' : ' N\/A') : \n 'Hover over any country'); \n };\n info6_2.addTo(map6_2);\n\n info6_3 = L.control({position: 'topright'});\n info6_3.onAdd = function (map6_3) {\n this._div = L.DomUtil.create('div', 'info'); \/\/ create a div with a class \"info\"\n this.update(); \n return this._div;\n };\n info6_3.update = function (props) { \n this._div.innerHTML = '<h6><b> 3rd Dose Vax in % (12+) <\/b><\/h6>' + (props ? '<b>' + \n props.Name_EN + ': <\/b>' + (props[prop12plus_1additional] >= 0 ? (props[prop12plus_1additional]).toFixed(4) + ' percentage' : ' N\/A') : \n 'Hover over any country'); \n };\n info6_3.addTo(map6_3);\n\n info6_4 = L.control({position: 'topright'});\n info6_4.onAdd = function (map6_4) {\n this._div = L.DomUtil.create('div', 'info'); \/\/ create a div with a class \"info\"\n this.update(); \n return this._div;\n };\n info6_4.update = function (props) { \n this._div.innerHTML = '<h6><b> 4th Dose Vax in % (12+) <\/b><\/h6>' + (props ? '<b>' + \n props.Name_EN + ': <\/b>' + (props[prop12plus_2additional] >= 0 ? (props[prop12plus_2additional]).toFixed(4) + ' percentage' : ' N\/A') : \n 'Hover over any country'); \n };\n info6_4.addTo(map6_4);\n\n\n\/\/---------------- Over 5\n info7_1 = L.control({position: 'topright'});\n info7_1.onAdd = function (map7_1) {\n this._div = L.DomUtil.create('div', 'info'); \/\/ create a div with a class \"info\"\n this.update(); \n return this._div;\n };\n info7_1.update = function (props) { \n this._div.innerHTML = '<h6><b> 1st Dose Vax (5+) <\/b><\/h6>' + (props ? '<b>' + \n props.Name_EN + ': <\/b>' + (props[num5plus_atleast1dose] >= 0 ? (props[num5plus_atleast1dose]).toFixed(4) + ' persons' : ' N\/A') : \n 'Hover over any country'); \n };\n info7_1.addTo(map7_1);\n\n info7_2 = L.control({position: 'topright'});\n info7_2.onAdd = function (map7_2) {\n this._div = L.DomUtil.create('div', 'info'); \/\/ create a div with a class \"info\"\n this.update(); \n return this._div;\n };\n info7_2.update = function (props) { \n this._div.innerHTML = '<h6><b> 2nd Dose Vax (5+) <\/b><\/h6>' + (props ? '<b>' + \n props.Name_EN + ': <\/b>' + (props[num5plus_fully] >= 0 ? (props[num5plus_fully]).toFixed(4) + ' persons' : ' N\/A') : \n 'Hover over any country'); \n };\n info7_2.addTo(map7_2);\n\n info7_3 = L.control({position: 'topright'});\n info7_3.onAdd = function (map7_3) {\n this._div = L.DomUtil.create('div', 'info'); \/\/ create a div with a class \"info\"\n this.update(); \n return this._div;\n };\n info7_3.update = function (props) { \n this._div.innerHTML = '<h6><b> 3rd Dose Vax (5+) <\/b><\/h6>' + (props ? '<b>' + \n props.Name_EN + ': <\/b>' + (props[num5plus_1additional] >= 0 ? (props[num5plus_1additional]).toFixed(4) + ' persons' : ' N\/A') : \n 'Hover over any country'); \n };\n info7_3.addTo(map7_3);\n\n info7_4 = L.control({position: 'topright'});\n info7_4.onAdd = function (map7_4) {\n this._div = L.DomUtil.create('div', 'info'); \/\/ create a div with a class \"info\"\n this.update(); \n return this._div;\n };\n info7_4.update = function (props) { \n this._div.innerHTML = '<h6><b> 4th Dose Vax (5+) <\/b><\/h6>' + (props ? '<b>' + \n props.Name_EN + ': <\/b>' + (props[num5plus_2additional] >= 0 ? (props[num5plus_2additional]).toFixed(4) + ' persons' : ' N\/A') : \n 'Hover over any country'); \n };\n info7_4.addTo(map7_4);\n\n info8_1 = L.control({position: 'topright'});\n info8_1.onAdd = function (map8_1) {\n this._div = L.DomUtil.create('div', 'info'); \/\/ create a div with a class \"info\"\n this.update(); \n return this._div;\n };\n info8_1.update = function (props) { \n this._div.innerHTML = '<h6><b> 1st Dose Vax in % (5+) <\/b><\/h6>' + (props ? '<b>' + \n props.Name_EN + ': <\/b>' + (props[prop5plus_atleast1dose] >= 0 ? (props[prop5plus_atleast1dose]).toFixed(4) + ' percentage' : ' N\/A') : \n 'Hover over any country'); \n };\n info8_1.addTo(map8_1);\n\n info8_2 = L.control({position: 'topright'});\n info8_2.onAdd = function (map8_2) {\n this._div = L.DomUtil.create('div', 'info'); \/\/ create a div with a class \"info\"\n this.update(); \n return this._div;\n };\n info8_2.update = function (props) { \n this._div.innerHTML = '<h6><b> 2nd Dose Vax in % (5+) <\/b><\/h6>' + (props ? '<b>' + \n props.Name_EN + ': <\/b>' + (props[prop5plus_fully] >= 0 ? (props[prop5plus_fully]).toFixed(4) + ' percentage' : ' N\/A') : \n 'Hover over any country'); \n };\n info8_2.addTo(map8_2);\n\n info8_3 = L.control({position: 'topright'});\n info8_3.onAdd = function (map8_3) {\n this._div = L.DomUtil.create('div', 'info'); \/\/ create a div with a class \"info\"\n this.update(); \n return this._div;\n };\n info8_3.update = function (props) { \n this._div.innerHTML = '<h6><b> 3rd Dose Vax in % (5+) <\/b><\/h6>' + (props ? '<b>' + \n props.Name_EN + ': <\/b>' + (props[prop5plus_1additional] >= 0 ? (props[prop5plus_1additional]).toFixed(4) + ' percentage' : ' N\/A') : \n 'Hover over any country'); \n };\n info8_3.addTo(map8_3);\n\n info8_4 = L.control({position: 'topright'});\n info8_4.onAdd = function (map8_4) {\n this._div = L.DomUtil.create('div', 'info'); \/\/ create a div with a class \"info\"\n this.update(); \n return this._div;\n };\n info8_4.update = function (props) { \n this._div.innerHTML = '<h6><b> 3rd Dose Vax in % (5+) <\/b><\/h6>' + (props ? '<b>' + \n props.Name_EN + ': <\/b>' + (props[prop5plus_2additional] >= 0 ? (props[prop5plus_2additional]).toFixed(4) + ' percentage' : ' N\/A') : \n 'Hover over any country');\n };\n info8_4.addTo(map8_4);\n\n\/\/----------------------- Legend ------------------------\n n = Math.floor(mxtotal\/10);\n grades = [0, n, 2*n, 3*n, 4*n, 5*n, 6*n, 7*n, 8*n, 9*n];\n i = 0;\n document.getElementById(\"totalvaxlegend\").innerHTML = '<i style=\"background:' + totalColor1(grades[i], n) + '\"><\/i> 0<br>';\n for (var i = 0; i < grades.length; i++) {\n document.getElementById(\"totalvaxlegend\").innerHTML += '<i style=\"background:' + totalColor1(grades[i]+1, n) + '\"><\/i> ' +\n (grades[i]) + (grades[i + 1] ? '–' + grades[i + 1] + '<br>' : '+');\n }\n\n n = Math.floor(mxtotalp\/10);\n grades = [0, n, 2*n, 3*n, 4*n, 5*n, 6*n, 7*n, 8*n, 9*n];\n i = 0;\n document.getElementById(\"totalpvaxlegend\").innerHTML = '<i style=\"background:' + totalColor2(grades[i], n) + '\"><\/i> 0<br>';\n for (var i = 0; i < grades.length; i++) {\n document.getElementById(\"totalpvaxlegend\").innerHTML += '<i style=\"background:' + totalColor2(grades[i]+1, n) + '\"><\/i> ' +\n (grades[i]) + (grades[i + 1] ? '–' + grades[i + 1] + '<br>' : '+');\n }\n\n n = Math.floor(mxover18\/10);\n grades = [0, n, 2*n, 3*n, 4*n, 5*n, 6*n, 7*n, 8*n, 9*n];\n i = 0;\n document.getElementById(\"over18vaxlegend\").innerHTML = '<i style=\"background:' + plus18Color1(grades[i], n) + '\"><\/i> 0<br>';\n for (var i = 0; i < grades.length; i++) {\n document.getElementById(\"over18vaxlegend\").innerHTML += '<i style=\"background:' + plus18Color1(grades[i]+1, n) + '\"><\/i> ' +\n (grades[i]) + (grades[i + 1] ? '–' + grades[i + 1] + '<br>' : '+');\n }\n\n n = Math.floor(mxover18p\/10);\n grades = [0, n, 2*n, 3*n, 4*n, 5*n, 6*n, 7*n, 8*n, 9*n];\n i = 0;\n document.getElementById(\"over18pvaxlegend\").innerHTML = '<i style=\"background:' + plus18Color2(grades[i], n) + '\"><\/i> 0<br>';\n for (var i = 0; i < grades.length; i++) {\n document.getElementById(\"over18pvaxlegend\").innerHTML += '<i style=\"background:' + plus18Color2(grades[i]+1, n) + '\"><\/i> ' +\n (grades[i]) + (grades[i + 1] ? '–' + grades[i + 1] + '<br>' : '+');\n }\n\n n = Math.floor(mxover12\/10);\n grades = [0, n, 2*n, 3*n, 4*n, 5*n, 6*n, 7*n, 8*n, 9*n];\n i = 0;\n document.getElementById(\"over12vaxlegend\").innerHTML = '<i style=\"background:' + plus12Color1(grades[i], n) + '\"><\/i> 0<br>';\n for (var i = 0; i < grades.length; i++) {\n document.getElementById(\"over12vaxlegend\").innerHTML += '<i style=\"background:' + plus12Color1(grades[i]+1, n) + '\"><\/i> ' +\n (grades[i]) + (grades[i + 1] ? '–' + grades[i + 1] + '<br>' : '+');\n }\n\n n = Math.floor(mxover12p\/10);\n grades = [0, n, 2*n, 3*n, 4*n, 5*n, 6*n, 7*n, 8*n, 9*n];\n i = 0;\n document.getElementById(\"over12pvaxlegend\").innerHTML = '<i style=\"background:' + plus12Color2(grades[i], n) + '\"><\/i> 0<br>';\n for (var i = 0; i < grades.length; i++) {\n document.getElementById(\"over12pvaxlegend\").innerHTML += '<i style=\"background:' + plus12Color2(grades[i]+1, n) + '\"><\/i> ' +\n (grades[i]) + (grades[i + 1] ? '–' + grades[i + 1] + '<br>' : '+');\n }\n\n n = Math.floor(mxover5\/10);\n grades = [0, n, 2*n, 3*n, 4*n, 5*n, 6*n, 7*n, 8*n, 9*n];\n i = 0;\n document.getElementById(\"over5vaxlegend\").innerHTML = '<i style=\"background:' + plus5Color1(grades[i], n) + '\"><\/i> 0<br>';\n for (var i = 0; i < grades.length; i++) {\n document.getElementById(\"over5vaxlegend\").innerHTML += '<i style=\"background:' + plus5Color1(grades[i]+1, n) + '\"><\/i> ' +\n (grades[i]) + (grades[i + 1] ? '–' + grades[i + 1] + '<br>' : '+');\n }\n\n n = Math.floor(mxover5p\/10);\n grades = [0, n, 2*n, 3*n, 4*n, 5*n, 6*n, 7*n, 8*n, 9*n];\n i = 0;\n document.getElementById(\"over5pvaxlegend\").innerHTML = '<i style=\"background:' + plus5Color2(grades[i], n) + '\"><\/i> 0<br>';\n for (var i = 0; i < grades.length; i++) {\n document.getElementById(\"over5pvaxlegend\").innerHTML += '<i style=\"background:' + plus5Color2(grades[i]+1, n) + '\"><\/i> ' +\n (grades[i]) + (grades[i + 1] ? '–' + grades[i + 1] + '<br>' : '+');\n }\n\/\/--------------------- preparing the file to download -----------------------\n const header = Object.keys (canadavax[0]);\n const ascsv = canadavax.map (dict => (header.map(key => dict[key]).join(',')));\n result = [header.join(','), ...ascsv].join('\\n');\n var blob = new Blob([result], { type: 'text\/csv;charset=utf-8;' });\n url = window.URL.createObjectURL(blob);\n document.getElementById (\"download\").href = url;\n\n\/\/-------------------------- Other Functions -----------------\nsetCards ();\npieChart ();\nbarCharts ();\nlineCharts ();\n\n}\n<\/script>\n\n<div id=\"source\" style=\"background-color: #EAEAEA; margin-bottom: 0.25%; color: #000000; font-size: 15px; padding: 1.1%; width:100%; display: inline-block;\"> The data of this work is collected from the <a href=\"https:\/\/health-infobase.canada.ca\/covid-19\/vaccination-coverage\/\"> official website of Canada <\/a>.\n<p> The dataset is freely available to copy, use, and redistribute for any purpose, even commercial, provided that authors are appropriately credited. <\/p>\n\n<div style=\"width: 10%; float: right; margin-right: 1.5%\"> <button style=\"width: 100%; color: #000000; padding: 0.5%; border-radius: 5px; border-color: grey\" onclick=\"cite()\"> How to cite <\/button> <\/div>\n\n<div style=\"float: right; margin-right: 3%\"> Download full dataset (.csv): \n<a id=\"download\" href=\"\" onclick=\"download(this.id)\" download=\"canadavaccination.csv\">\n<img loading=\"lazy\" decoding=\"async\" style=\"padding-left: 1%\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/62\/62055.png\" alt=\"W3Schools\" width=\"23\" height=\"20\"> <\/a> <\/div>\n<\/div>\n\n\n<div style=\"background-color: #00B050; width:100%;\">\n\n\n<div style=\"background-color: #FFFFFF; color: #4D4D4D; padding: 1.5%; margin: 1%; margin-top: 1.45%; width:98%; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; display: inline-block;\"> \n \n<p align=\"justify\" style=\"margin: 0px;\"><b> COVID-19 vaccination in Canada started on Dec 14, 2020, after the approval of Pfizer-BioNTech vaccine by Health Canada on Dec 9, 2020. Following the mass vaccination efforts, Health Canada approved Moderna vaccine on Dec 23, 2020, and Oxford-AstraZeneca Vaccine on Feb 26, 2021 which was later revoked due to blood clotting events. The Jenssen vaccine was approved on Mar 5, 2021, but not received until Apr 28, 2021, and soon destroyed due to contamination issues at the factory of origin. The Jenssen vaccine was used again from Nov 2021 for the vaccine hesitant population. Canada was the first country to authorize COVID-19 vaccine for younger than 16 year old. On Nov 19, 2021, Health Canada approved a lower dosage of Pfizer-BioNTech vaccine fore children aged 5 and above. The Novavax vaccine which is the first approved COVID-19 protein subunit vaccine has also been accepted by Health Canada since Feb 17, 2022. <\/b><\/p>\n<p align=\"justify\" style=\"margin: 0px; margin-top: 1%;\"><b> Below, please find our dashboard for COVID-19 vaccination in Canada. <\/b><\/p>\n<p align=\"justify\" style=\"margin: 0px; margin-top: 1%;\"><b> Please click <a href=\"https:\/\/www.yorku.ca\/science\/mathstats\/acadic\/covid-19-in-canada\/\">here<\/a> to view our dashboard for COVID-19 in Canada.<\/b><\/p><\/div>\n\n\n<div style=\"margin: 1%; margin-top: 0%; margin-bottom: 1.1%;\">\n<div id=\"totalvax1\" style=\"width: 20%; height: 300px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left;\"> <\/div>\n<div id=\"totalvax2\" style=\"width: 20%; height: 300px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left; margin-left: 1%\"> <\/div>\n<div id=\"totalvax3\" style=\"width: 20%; height: 300px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left; margin-left: 1%\"> <\/div>\n<div id=\"totalvax4\" style=\"width: 20%; height: 300px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left; margin-left: 1%\"> <\/div>\n<div id=\"totalvaxlegend\" class=\"legend\" style=\"background-color: #EAEAEA; width: 16%; height: 300px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left; margin-left: 1%\"> <\/div> <\/div>\n\n<div style=\"margin: 1.1%; margin-bottom: 0%; margin-right: 0.7%; width:98%; display: inline-block; vertical-align: top;\">\n<div id=\"totalpvax1\" style=\"width: 20%; height: 300px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left;\"> <\/div>\n<div id=\"totalpvax2\" style=\"width: 20%; height: 300px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left; margin-left: 1%;\"> <\/div>\n<div id=\"totalpvax3\" style=\"width: 20%; height: 300px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left; margin-left: 1%;\"> <\/div>\n<div id=\"totalpvax4\" style=\"width: 20%; height: 300px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left; margin-left: 1%;\"> <\/div> \n<div id=\"totalpvaxlegend\" class=\"legend\" style=\"background-color: #EAEAEA; width: 16%; height: 300px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left; margin-left: 1%;\"> <\/div><\/div>\n\n<div style=\"margin: 1.1%; margin-bottom: 0%; margin-right: 0.7%; width:98%; display: inline-block; vertical-align: top;\">\n<div style=\"background-color: #FFFFFF; color: #4D4D4D; padding: 1%; padding-left: 30%; width: 99.9%; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float:left\">\n<b> <p id=\"total\" style=\"padding-left: 29%; margin: 0%; font-size: 15pt;\"> 2022-02-06 <\/p> <\/b>\n<input id=\"totalrange\" type=\"range\" min=\"0\" step=\"1\" max=\"80\" value=\"59\" style=\"width: 60%\" oninput=\"showtotalrange(this.value)\"> \n<\/div> <\/div>\n\n<div style=\"margin: 1.1%; margin-bottom: 0%; margin-right: 0.7%; width:98%; display: inline-block; vertical-align: top;\">\n<div id=\"over18vax1\" style=\"width: 20%; height: 300px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left;\"> <\/div>\n<div id=\"over18vax2\" style=\"width: 20%; height: 300px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left; margin-left: 1%;\"> <\/div>\n<div id=\"over18vax3\" style=\"width: 20%; height: 300px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left; margin-left: 1%;\"> <\/div>\n<div id=\"over18vax4\" style=\"width: 20%; height: 300px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left; margin-left: 1%;\"> <\/div> \n<div id=\"over18vaxlegend\" class=\"legend\" style=\"background-color: #EAEAEA; width: 16%; height: 300px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left; margin-left: 1%;\"> <\/div> <\/div>\n\n<div style=\"margin: 1.1%; margin-bottom: 0%; margin-right: 0.7%; width:98%; display: inline-block; vertical-align: top;\">\n<div id=\"over18pvax1\" style=\"width: 20%; height: 300px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left;\"> <\/div>\n<div id=\"over18pvax2\" style=\"width: 20%; height: 300px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left; margin-left: 1%;\"> <\/div>\n<div id=\"over18pvax3\" style=\"width: 20%; height: 300px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left; margin-left: 1%;\"> <\/div>\n<div id=\"over18pvax4\" style=\"width: 20%; height: 300px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left; margin-left: 1%;\"> <\/div>\n<div id=\"over18pvaxlegend\" class=\"legend\" style=\"background-color: #EAEAEA; width: 16%; height: 300px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left; margin-left: 1%;\"> <\/div> <\/div>\n\n<div style=\"margin: 1.1%; margin-buttom: 0%; margin-right: 0.7%; width:98%; display: inline-block; vertical-align: top;\">\n<div style=\"background-color: #FFFFFF; color: #4D4D4D; padding: 1%; padding-left: 30%; width: 99.9%; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float:left\">\n<b> <p id=\"plus18\" style=\"padding-left: 29%; margin: 0%; font-size: 15pt;\"> 2022-02-06 <\/p> <\/b>\n<input id=\"plus18range\" type=\"range\" min=\"24\" step=\"1\" max=\"80\" value=\"59\" style=\"width: 60%\" oninput=\"show18range(this.value)\"> \n<\/div> <\/div>\n\n<div style=\"margin: 1.1%; margin-top: 0%; margin-right: 0.7%; width:98%; display: inline-block; vertical-align: top;\">\n<div id=\"over12vax1\" style=\"width: 20%; height: 300px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left;\"> <\/div>\n<div id=\"over12vax2\" style=\"width: 20%; height: 300px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left; margin-left: 1%\"> <\/div>\n<div id=\"over12vax3\" style=\"width: 20%; height: 300px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left; margin-left: 1%\"> <\/div>\n<div id=\"over12vax4\" style=\"width: 20%; height: 300px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left; margin-left: 1%\"> <\/div> \n<div id=\"over12vaxlegend\" class=\"legend\" style=\"background-color: #EAEAEA; width: 16%; height: 300px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left; margin-left: 1%\"> <\/div><\/div>\n\n<div style=\"margin: 1.1%; margin-top: 0%; margin-right: 0.7%; width:98%; display: inline-block; vertical-align: top;\">\n<div id=\"over12pvax1\" style=\"width: 20%; height: 300px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left;\"> <\/div>\n<div id=\"over12pvax2\" style=\"width: 20%; height: 300px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left; margin-left: 1%;\"> <\/div>\n<div id=\"over12pvax3\" style=\"width: 20%; height: 300px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left; margin-left: 1%;\"> <\/div>\n<div id=\"over12pvax4\" style=\"width: 20%; height: 300px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left; margin-left: 1%;\"> <\/div> \n<div id=\"over12pvaxlegend\" class=\"legend\" style=\"background-color: #EAEAEA; width: 16%; height: 300px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left; margin-left: 1%;\"> <\/div><\/div>\n\n<div style=\"margin: 1.1%; margin-top: 0%; margin-right: 0.7%; width:98%; display: inline-block; vertical-align: top;\">\n<div style=\"background-color: #FFFFFF; color: #4D4D4D; padding: 1%; padding-left: 30%; width: 99.9%; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float:left\">\n<b> <p id=\"plus12\" style=\"padding-left: 29%; margin: 0%; font-size: 15pt;\"> 2022-02-06 <\/p> <\/b>\n<input id=\"plus12range\" type=\"range\" min=\"24\" step=\"1\" max=\"80\" value=\"59\" style=\"width: 60%\" oninput=\"show12range(this.value)\"> \n<\/div> <\/div>\n\n<div style=\"margin: 1.1%; margin-top: 0%; margin-right: 0.7%; width:98%; display: inline-block; vertical-align: top;\">\n<div id=\"over5vax1\" style=\"width: 20%; height: 300px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left;\"> <\/div>\n<div id=\"over5vax2\" style=\"width: 20%; height: 300px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left; margin-left: 1%;\"> <\/div>\n<div id=\"over5vax3\" style=\"width: 20%; height: 300px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left; margin-left: 1%;\"> <\/div>\n<div id=\"over5vax4\" style=\"width: 20%; height: 300px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left; margin-left: 1%;\"> <\/div> \n<div id=\"over5vaxlegend\" class=\"legend\" style=\"background-color: #EAEAEA; width: 16%; height: 300px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left; margin-left: 1%;\"> <\/div><\/div>\n\n<div style=\"margin: 1.1%; margin-top: 0%; margin-right: 0.7%; width:98%; display: inline-block; vertical-align: top;\">\n<div id=\"over5pvax1\" style=\"width: 20%; height: 300px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left;\"> <\/div>\n<div id=\"over5pvax2\" style=\"width: 20%; height: 300px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left; margin-left: 1%;\"> <\/div>\n<div id=\"over5pvax3\" style=\"width: 20%; height: 300px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left; margin-left: 1%;\"> <\/div>\n<div id=\"over5pvax4\" style=\"width: 20%; height: 300px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left; margin-left: 1%;\"> <\/div> \n<div id=\"over5pvaxlegend\" class=\"legend\" style=\"background-color: #EAEAEA; width: 16%; height: 300px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left; margin-left: 1%;\"> <\/div><\/div>\n\n<div style=\"margin: 1.1%; margin-top: 0%; margin-right: 0.7%; width:98%; display: inline-block; vertical-align: top;\">\n<div style=\"background-color: #FFFFFF; color: #4D4D4D; padding: 1%; padding-left: 30%; width: 99.9%; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float:left\">\n<b> <p id=\"plus5\" style=\"padding-left: 29%; margin: 0%; font-size: 15pt;\"> 2022-01 <\/p> <\/b>\n<input id=\"plus5range\" type=\"range\" min=\"24\" step=\"1\" max=\"80\" value=\"59\" style=\"width: 60%\" oninput=\"show5range(this.value)\"> \n<\/div> <\/div>\n\n\n<div style=\"background-color: #FFFFFF; color: #4D4D4D; padding: 1.5%; margin: 1.1%; margin-top: 0%; margin-right: 0.7%; width:18%; height: 621px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; display: inline-block; vertical-align: top;\">\n<p><b> Select Province: <\/b><\/p>\n<div class=\"checkb\"> <input type=\"checkbox\" id=\"Alberta\" checked=\"checked\" onclick=\"radioClick(this.id);\"> <b> Alberta <\/b><\/div>\n<div class=\"checkb\"> <input type=\"checkbox\" id=\"British Columbia\" checked=\"checked\" onclick=\"radioClick(this.id);\"> <b> British Columbia <\/b><\/div>\n<div class=\"checkb\"> <input type=\"checkbox\" id=\"Manitoba\" checked=\"checked\" onclick=\"radioClick(this.id);\"> <b> Manitoba <\/b><\/div>\n<div class=\"checkb\"> <input type=\"checkbox\" id=\"New Brunswick\" onclick=\"radioClick(this.id);\"> <b> New Brunswick <\/b><\/div>\n<div class=\"checkb\"> <input type=\"checkbox\" id=\"Newfoundland and Labrador\" onclick=\"radioClick(this.id);\"> <b> Newfoundland and Labrador <\/b><\/div>\n<div class=\"checkb\"> <input type=\"checkbox\" id=\"Northwest Territories\" onclick=\"radioClick(this.id);\"> <b> Northwest Territories <\/b><\/div>\n<div class=\"checkb\"> <input type=\"checkbox\" id=\"Nova Scotia\" onclick=\"radioClick(this.id);\"> <b> Nova Scotia <\/b><\/div>\n<div class=\"checkb\"> <input type=\"checkbox\" id=\"Nunavut\" onclick=\"radioClick(this.id);\"> <b> Nunavut <\/b><\/div>\n<div class=\"checkb\"> <input type=\"checkbox\" id=\"Ontario\" checked=\"checked\" onclick=\"radioClick(this.id);\"> <b> Ontario <\/b><\/div>\n<div class=\"checkb\"> <input type=\"checkbox\" id=\"Prince Edward Island\" onclick=\"radioClick(this.id);\"> <b> Prince Edward Island <\/b><\/div>\n<div class=\"checkb\"> <input type=\"checkbox\" id=\"Quebec\" checked=\"checked\" onclick=\"radioClick(this.id);\"> <b> Quebec <\/b><\/div>\n<div class=\"checkb\"> <input type=\"checkbox\" id=\"Repatriated travellers\" onclick=\"radioClick(this.id);\"> <b> Repatriated travellers <\/b><\/div>\n<div class=\"checkb\"> <input type=\"checkbox\" id=\"Saskatchewan\" checked=\"checked\" onclick=\"radioClick(this.id);\"> <b> Saskatchewan <\/b><\/div>\n<div class=\"checkb\"> <input type=\"checkbox\" id=\"Yukon\" onclick=\"radioClick(this.id);\"> <b> Yukon <\/b><\/div>\n<\/div>\n\n\n<div style=\"width:79.8%; margin-top: 0%; display: inline-block; vertical-align: top;\">\n\n<div style=\"background-color: #D20000; color: #FFFFFF; padding-top: 2.2%; padding-bottom: 2.2%; margin-left: 0%; width: 23.9%; text-align: center; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left;\"> \n<p style=\"margin: 0px; font-size: 10pt; padding: 1.5%\"><b> 1st Dose Vax (18+) <\/b><\/p>\n<b><p id=\"card1\" style=\"margin: 0px; font-size: 40pt\">125K<\/p><\/b><\/div>\n\n<div style=\"background-color: #CC0066; color: #FFFFFF; padding-top: 2.2%; padding-bottom: 2.2%; margin-left: 1.1%; width: 23.9%; text-align: center; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left;\"> \n<p style=\"margin: 0px; font-size: 10pt; padding: 1.5%\"><b> 2nd Dose Vax (18+) <\/b><\/p>\n<b><p id=\"card2\" style=\"margin: 0px; font-size: 40pt\">125K<\/p><\/b><\/div>\n\n<div style=\"background-color: #D20000; color: #FFFFFF; padding-top: 2.2%; padding-bottom: 2.2%; margin-left: 1.1%; width: 23.9%; text-align: center; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left;\"> \n<p style=\"margin: 0px; font-size: 10pt; padding: 1.5%\"><b> 3rd Dose Vax (18+) <\/b><\/p>\n<b><p id=\"card3\" style=\"margin: 0px; font-size: 40pt\">125K<\/p><\/b><\/div>\n\n<div style=\"background-color: #CC0066; color: #FFFFFF; padding-top: 2.2%; padding-bottom: 2.2%; margin-left: 1.1%; width: 23.9%; text-align: center; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left;\"> \n<p style=\"margin: 0px; font-size: 10pt; padding: 1.5%\"><b> 4th Dose Vax (18+) <\/b><\/p>\n<b><p id=\"card4\" style=\"margin: 0px; font-size: 40pt\">125K<\/p><\/b><\/div>\n\n\n<div style=\"background-color: #CC0066; color: #FFFFFF; padding-top: 2.2%; padding-bottom: 2.2%; margin-top: 1.5%; margin-left: 0%; width: 23.9%; text-align: center; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left;\"> \n<p style=\"margin: 0px; font-size: 10pt; padding: 1.5%\"><b> 1st Dose Vax (12+) <\/b><\/p>\n<b><p id=\"card5\" style=\"margin: 0px; font-size: 40pt\">125K<\/p><\/b><\/div>\n\n<div style=\"background-color: #D20000; color: #FFFFFF; padding-top: 2.2%; padding-bottom: 2.2%; margin-top: 1.5%; margin-left: 1.1%; width: 23.9%; text-align: center; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left;\"> \n<p style=\"margin: 0px; font-size: 10pt; padding: 1.5%\"><b> 2nd Dose Vax (12+) <\/b><\/p>\n<b><p id=\"card6\" style=\"margin: 0px; font-size: 40pt\">125K<\/p><\/b><\/div>\n\n<div style=\"background-color: #CC0066; color: #FFFFFF; padding-top: 2.2%; padding-bottom: 2.2%; margin-top: 1.5%; margin-left: 1.1%; width: 23.9%; text-align: center; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left;\"> \n<p style=\"margin: 0px; font-size: 10pt; padding: 1.5%\"><b> 3rd Dose Vax (12+) <\/b><\/p>\n<b><p id=\"card7\" style=\"margin: 0px; font-size: 40pt\">125K<\/p><\/b><\/div>\n\n<div style=\"background-color: #D20000; color: #FFFFFF; padding-top: 2.2%; padding-bottom: 2.2%; margin-top: 1.5%; margin-left: 1.1%; width: 23.9%; text-align: center; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left;\"> \n<p style=\"margin: 0px; font-size: 10pt; padding: 1.5%\"><b> 4th Dose Vax (12+) <\/b><\/p>\n<b><p id=\"card8\" style=\"margin: 0px; font-size: 40pt\">125K<\/p><\/b><\/div>\n\n\n<div style=\"background-color: #D20000; color: #FFFFFF; padding-top: 2.2%; padding-bottom: 2.2%; margin-top: 1.5%; margin-left: 0%; width: 23.9%; text-align: center; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left;\"> \n<p style=\"margin: 0px; font-size: 10pt; padding: 1.5%\"><b> 1st Dose Vax (5+) <\/b><\/p>\n<b><p id=\"card9\" style=\"margin: 0px; font-size: 40pt\">125K<\/p><\/b><\/div>\n\n<div style=\"background-color: #CC0066; color: #FFFFFF; padding-top: 2.2%; padding-bottom: 2.2%; margin-top: 1.5%; margin-left: 1.1%; width: 23.9%; text-align: center; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left;\"> \n<p style=\"margin: 0px; font-size: 10pt; padding: 1.5%\"><b> 2nd Dose Vax (5+) <\/b><\/p>\n<b><p id=\"card10\" style=\"margin: 0px; font-size: 40pt\">125K<\/p><\/b><\/div>\n\n<div style=\"background-color: #D20000; color: #FFFFFF; padding-top: 2.2%; padding-bottom: 2.2%; margin-top: 1.5%; margin-left: 1.1%; width: 23.9%; text-align: center; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left;\"> \n<p style=\"margin: 0px; font-size: 10pt; padding: 1.5%\"><b> 3rd Dose Vax (5+) <\/b><\/p>\n<b><p id=\"card11\" style=\"margin: 0px; font-size: 40pt\">125K<\/p><\/b><\/div>\n\n<div style=\"background-color: #CC0066; color: #FFFFFF; padding-top: 2.2%; padding-bottom: 2.2%; margin-top: 1.5%; margin-left: 1.1%; width: 23.9%; text-align: center; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left;\"> \n<p style=\"margin: 0px; font-size: 10pt; padding: 1.5%\"><b> 4th Dose Vax (5+) <\/b><\/p>\n<b><p id=\"card12\" style=\"margin: 0px; font-size: 40pt\">125K<\/p><\/b><\/div>\n\n<div style=\"background-color: #CC0066; color: #FFFFFF; padding-top: 2.2%; padding-bottom: 2.2%; margin-top: 1.5%; margin-left: 0%; width: 23.9%; text-align: center; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left;\"> \n<p style=\"margin: 0px; font-size: 10pt; padding: 1.5%\"><b> Total 1st Dose Vax <\/b><\/p>\n<b><p id=\"card13\" style=\"margin: 0px; font-size: 40pt\">125K<\/p><\/b><\/div>\n\n<div style=\"background-color: #D20000; color: #FFFFFF; padding-top: 2.2%; padding-bottom: 2.2%; margin-top: 1.5%; margin-left: 1.1%; width: 23.9%; text-align: center; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left;\"> \n<p style=\"margin: 0px; font-size: 10pt; padding: 1.5%\"><b> Total 2nd Dose Vax <\/b><\/p>\n<b><p id=\"card14\" style=\"margin: 0px; font-size: 40pt\">125K<\/p><\/b><\/div>\n\n<div style=\"background-color: #CC0066; color: #FFFFFF; padding-top: 2.2%; padding-bottom: 2.2%; margin-top: 1.5%; margin-left: 1.1%; width: 23.9%; text-align: center; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left;\"> \n<p style=\"margin: 0px; font-size: 10pt; padding: 1.5%\"><b> Total 3rd Dose Vax <\/b><\/p>\n<b><p id=\"card15\" style=\"margin: 0px; font-size: 40pt\">125K<\/p><\/b><\/div>\n\n<div style=\"background-color: #D20000; color: #FFFFFF; padding-top: 2.2%; padding-bottom: 2.2%; margin-top: 1.5%; margin-left: 1.1%; width: 23.9%; text-align: center; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left;\"> \n<p style=\"margin: 0px; font-size: 10pt; padding: 1.5%\"><b> Total 4th Dose Vax <\/b><\/p>\n<b><p id=\"card16\" style=\"margin: 0px; font-size: 40pt\">125K<\/p><\/b><\/div>\n<\/div>\n\n<div style=\"background-color: #FFFFFF; color: #4D4D4D; padding: 1.1%; margin: 1%; margin-top: 0%; margin-bottom: 1%; width:98%; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; display: inline-block;\"> \n\n<div id=\"pie1_1\" style=\"background-color: #FFFFFF; color: #4D4D4D; align: center; margin: 0%; width: 20%; height: 208px; float: left;\"> <\/div>\n<div id=\"pie1_2\" style=\"background-color: #FFFFFF; color: #4D4D4D; align: center; margin-left: 0.5%; width: 20%; height: 208px; float: left;\"> <\/div>\n<div id=\"pie1_3\" style=\"background-color: #FFFFFF; color: #4D4D4D; align: center; margin-left: 0.5%; width: 20%; height: 208px; float: left;\"> <\/div>\n<div id=\"pie1_4\" style=\"background-color: #FFFFFF; color: #4D4D4D; align: center; margin-left: 0.5%; width: 38.4%; height: 208px; float: left;\"> <\/div>\n\n<div id=\"pie2_1\" style=\"background-color: #FFFFFF; color: #4D4D4D; align: center; margin-top: 1%; width: 20%; height: 208px; float: left;\"> <\/div>\n<div id=\"pie2_2\" style=\"background-color: #FFFFFF; color: #4D4D4D; align: center; margin-top: 1%; margin-left: 0.5%; width: 20%; height: 208px; float: left;\"> <\/div>\n<div id=\"pie2_3\" style=\"background-color: #FFFFFF; color: #4D4D4D; align: center; margin-top: 1%; margin-left: 0.5%; width: 20%; height: 208px; float: left;\"> <\/div>\n<div id=\"pie2_4\" style=\"background-color: #FFFFFF; color: #4D4D4D; align: center; margin-top: 1%; margin-left: 0.5%; width: 38.4%; height: 208px; float: left;\"> <\/div>\n\n<div id=\"pie3_1\" style=\"background-color: #FFFFFF; color: #4D4D4D; align: center; margin-top: 1%; width: 20%; height: 208px; float: left;\"> <\/div>\n<div id=\"pie3_2\" style=\"background-color: #FFFFFF; color: #4D4D4D; align: center; margin-top: 1%; margin-left: 0.5%; width: 20%; height: 208px; float: left;\"> <\/div>\n<div id=\"pie3_3\" style=\"background-color: #FFFFFF; color: #4D4D4D; align: center; margin-top: 1%; margin-left: 0.5%; width: 20%; height: 208px; float: left;\"> <\/div>\n<div id=\"pie3_4\" style=\"background-color: #FFFFFF; color: #4D4D4D; align: center; margin-top: 1%; margin-left: 0.5%; width: 38.4%; height: 208px; float: left;\"> <\/div>\n\n<div id=\"pie4_1\" style=\"background-color: #FFFFFF; color: #4D4D4D; align: center; margin-top: 1%; width: 20%; height: 208px; float: left;\"> <\/div>\n<div id=\"pie4_2\" style=\"background-color: #FFFFFF; color: #4D4D4D; align: center; margin-top: 1%; margin-left: 0.5%; width: 20%; height: 208px; float: left;\"> <\/div>\n<div id=\"pie4_3\" style=\"background-color: #FFFFFF; color: #4D4D4D; align: center; margin-top: 1%; margin-left: 0.5%; width: 20%; height: 208px; float: left;\"> <\/div>\n<div id=\"pie4_4\" style=\"background-color: #FFFFFF; color: #4D4D4D; align: center; margin-top: 1%; margin-left: 0.5%; width: 38.4%; height: 208px; float: left;\"> <\/div>\n\n<\/div>\n\n<div id=\"agebar\" style=\"background-color: #FFFFFF; color: #4D4D4D; padding: 1.1%; margin: 1%; margin-top: 0%; margin-bottom: 1%; width:98%; height: 446px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; display: inline-block;\"> <\/div>\n\n<div id=\"dosebar\" style=\"background-color: #FFFFFF; color: #4D4D4D; padding: 1.1%; margin: 1%; margin-top: 0%; margin-bottom: 1%; width:98%; height: 446px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; display: inline-block;\"> <\/div>\n\n<div id=\"chart1_1\" style=\"background-color: #FFFFFF; color: #4D4D4D; padding: 1.1%; margin: 1%; margin-top: 0%; margin-bottom: 1%; width:98%; height: 446px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; display: inline-block;\"> <\/div>\n\n<div id=\"chart1_2\" style=\"background-color: #FFFFFF; color: #4D4D4D; padding: 1.1%; margin: 1%; margin-top: 0%; margin-bottom: 1%; width:98%; height: 446px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; display: inline-block;\"> <\/div>\n\n<div id=\"chart1_3\" style=\"background-color: #FFFFFF; color: #4D4D4D; padding: 1.1%; margin: 1%; margin-top: 0%; margin-bottom: 1%; width:98%; height: 446px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; display: inline-block;\"> <\/div>\n\n<div id=\"chart1_4\" style=\"background-color: #FFFFFF; color: #4D4D4D; padding: 1.1%; margin: 1%; margin-top: 0%; margin-bottom: 1%; width:98%; height: 446px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; display: inline-block;\"> <\/div>\n\n<div id=\"chart2_1\" style=\"background-color: #FFFFFF; color: #4D4D4D; padding: 1.1%; margin: 1%; margin-top: 0%; margin-bottom: 1%; width:98%; height: 446px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; display: inline-block;\"> <\/div>\n\n<div id=\"chart2_2\" style=\"background-color: #FFFFFF; color: #4D4D4D; padding: 1.1%; margin: 1%; margin-top: 0%; margin-bottom: 1%; width:98%; height: 446px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; display: inline-block;\"> <\/div>\n\n<div id=\"chart2_3\" style=\"background-color: #FFFFFF; color: #4D4D4D; padding: 1.1%; margin: 1%; margin-top: 0%; margin-bottom: 1%; width:98%; height: 446px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; display: inline-block;\"> <\/div>\n\n<div id=\"chart2_4\" style=\"background-color: #FFFFFF; color: #4D4D4D; padding: 1.1%; margin: 1%; margin-top: 0%; margin-bottom: 1%; width:98%; height: 446px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; display: inline-block;\"> <\/div>\n\n<div id=\"chart3_1\" style=\"background-color: #FFFFFF; color: #4D4D4D; padding: 1.1%; margin: 1%; margin-top: 0%; margin-bottom: 1%; width:98%; height: 446px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; display: inline-block;\"> <\/div>\n\n<div id=\"chart3_2\" style=\"background-color: #FFFFFF; color: #4D4D4D; padding: 1.1%; margin: 1%; margin-top: 0%; margin-bottom: 1%; width:98%; height: 446px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; display: inline-block;\"> <\/div>\n\n<div id=\"chart3_3\" style=\"background-color: #FFFFFF; color: #4D4D4D; padding: 1.1%; margin: 1%; margin-top: 0%; margin-bottom: 1%; width:98%; height: 446px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; display: inline-block;\"> <\/div>\n\n<div id=\"chart3_4\" style=\"background-color: #FFFFFF; color: #4D4D4D; padding: 1.1%; margin: 1%; margin-top: 0%; margin-bottom: 1%; width:98%; height: 446px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; display: inline-block;\"> <\/div>\n\n<div id=\"chart4_1\" style=\"background-color: #FFFFFF; color: #4D4D4D; padding: 1.1%; margin: 1%; margin-top: 0%; margin-bottom: 1%; width:98%; height: 446px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; display: inline-block;\"> <\/div>\n\n<div id=\"chart4_2\" style=\"background-color: #FFFFFF; color: #4D4D4D; padding: 1.1%; margin: 1%; margin-top: 0%; margin-bottom: 1%; width:98%; height: 446px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; display: inline-block;\"> <\/div>\n\n<div id=\"chart4_3\" style=\"background-color: #FFFFFF; color: #4D4D4D; padding: 1.1%; margin: 1%; margin-top: 0%; margin-bottom: 1%; width:98%; height: 446px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; display: inline-block;\"> <\/div>\n\n<div id=\"chart4_4\" style=\"background-color: #FFFFFF; color: #4D4D4D; padding: 1.1%; margin: 1%; margin-top: 0%; margin-bottom: 1%; width:98%; height: 446px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; display: inline-block;\"> <\/div>\n\n<\/div>\n\n<\/body>\n<\/html>\n\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.yorku.ca\/science\/mathstats\/acadic\/wp-content\/uploads\/sites\/220\/2021\/12\/Sponsor3-5-1024x210.png\" alt=\"\" class=\"wp-image-1087\" width=\"819\" height=\"168\" srcset=\"https:\/\/www.yorku.ca\/science\/mathstats\/acadic\/wp-content\/uploads\/sites\/220\/2021\/12\/Sponsor3-5-1024x210.png 1024w, https:\/\/www.yorku.ca\/science\/mathstats\/acadic\/wp-content\/uploads\/sites\/220\/2021\/12\/Sponsor3-5-300x62.png 300w, https:\/\/www.yorku.ca\/science\/mathstats\/acadic\/wp-content\/uploads\/sites\/220\/2021\/12\/Sponsor3-5.png 1068w\" sizes=\"auto, (max-width: 819px) 100vw, 819px\" \/><\/figure><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Vaccination in Canada The data of this work is collected from the official website of Canada . The dataset is freely available to copy, use, and redistribute for any purpose, even commercial, provided that authors are appropriately credited. How to cite Download full dataset (.csv): COVID-19 vaccination in Canada started on Dec 14, 2020, after […]<\/p>\n","protected":false},"author":1071,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","ngg_post_thumbnail":0,"footnotes":""},"tags":[],"class_list":["post-4309","page","type-page","status-publish","hentry"],"taxonomy_info":[],"featured_image_src_large":false,"author_info":{"display_name":"zahrania","author_link":"https:\/\/www.yorku.ca\/science\/mathstats\/acadic\/author\/zahrania\/"},"comment_info":0,"_links":{"self":[{"href":"https:\/\/www.yorku.ca\/science\/mathstats\/acadic\/wp-json\/wp\/v2\/pages\/4309","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.yorku.ca\/science\/mathstats\/acadic\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.yorku.ca\/science\/mathstats\/acadic\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.yorku.ca\/science\/mathstats\/acadic\/wp-json\/wp\/v2\/users\/1071"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yorku.ca\/science\/mathstats\/acadic\/wp-json\/wp\/v2\/comments?post=4309"}],"version-history":[{"count":308,"href":"https:\/\/www.yorku.ca\/science\/mathstats\/acadic\/wp-json\/wp\/v2\/pages\/4309\/revisions"}],"predecessor-version":[{"id":4957,"href":"https:\/\/www.yorku.ca\/science\/mathstats\/acadic\/wp-json\/wp\/v2\/pages\/4309\/revisions\/4957"}],"wp:attachment":[{"href":"https:\/\/www.yorku.ca\/science\/mathstats\/acadic\/wp-json\/wp\/v2\/media?parent=4309"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.yorku.ca\/science\/mathstats\/acadic\/wp-json\/wp\/v2\/tags?post=4309"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":4309,"date":"2023-02-11T16:34:23","date_gmt":"2023-02-11T21:34:23","guid":{"rendered":"https:\/\/www.yorku.ca\/science\/mathstats\/acadic\/?page_id=4309"},"modified":"2023-02-13T10:50:12","modified_gmt":"2023-02-13T15:50:12","slug":"covid-19-vaccination-in-canada","status":"publish","type":"page","link":"https:\/\/www.yorku.ca\/science\/mathstats\/acadic\/covid-19-vaccination-in-canada\/","title":{"rendered":"COVID-19 Vaccination in Canada"},"content":{"rendered":"\n Vaccination in Canada <\/title>\n \n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/apexcharts\"><\/script>\n<script src=\"https:\/\/code.jquery.com\/jquery-3.6.0.js\"><\/script>\n<script src=\"https:\/\/code.jquery.com\/ui\/1.13.2\/jquery-ui.js\"><\/script>\n \n<link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/leaflet@1.9.2\/dist\/leaflet.css\" integrity=\"sha256-sA+zWATbFveLLNqWO2gtiw3HL\/lh1giY\/Inf1BJ0z14=\" crossorigin=\"\">\n<script src=\"https:\/\/unpkg.com\/leaflet@1.9.2\/dist\/leaflet.js\" integrity=\"sha256-o9N1jGDZrf5tS+Ft4gbIK7mYMipq9lqpVJ91xHSyKhg=\" crossorigin=\"\"><\/script>\n\n<script src=\"https:\/\/acadic-portal.github.io\/canada.js\"><\/script>\n<script src=\"https:\/\/acadic-portal.github.io\/canadavaccine.js\"><\/script>\n\n<script>\nvar mycanada = canada;\nvar mycanadavax = canadavax;\n\nvar nullProvinces = []; \/\/for disabling checkboxes\nvar mx_r_value = 0; \/\/This is to set the maximum of range blocks\nvar dates = []; \/\/ This is to keep the dates. It is helpful for the ranges and the charts.\nvar mxtotal = 0; var mxtotalp = 0; var mxover18 = 0; var mxover18p = 0; var mxover12 = 0; var mxover12p = 0; var mxover5 = 0; var mxover5p = 0;\n\nvar map1_1; var map1_1; var map1_2; var map1_3; var map1_4; var map2_1; var map2_2; var map2_3; var map2_4; var map3_1; var map3_2; var map3_3;\nvar map3_4; var map4_1; var map4_2; var map4_3; var map4_4; var map5_1; var map5_2; var map5_3; var map5_4; var map6_1; var map6_2; var map6_3;\nvar map6_4; var map7_1; var map7_2; var map7_3; var map7_4; var map8_1; var map8_2; var map8_3; var map8_4;\nvar geojson1_1; var geojson1_2; var geojson1_3; var geojson1_4; var geojson2_1; var geojson2_2; var geojson2_3; var geojson2_4; var geojson3_1; \nvar geojson3_2; var geojson3_3; var geojson3_4; var geojson4_1; var geojson4_2; var geojson4_3; var geojson4_4; var geojson5_1; var geojson5_2;\nvar geojson5_3; var geojson5_4; var geojson6_1; var geojson6_2; var geojson6_3; var geojson6_4; var geojson7_1; var geojson7_2; var geojson7_3;\nvar geojson7_4; var geojson8_1; var geojson8_2; var geojson8_3; var geojson8_4;\nvar info1_1; var info1_2; var info1_3; var info1_4; var info2_1; var info2_2; var info2_3; var info2_4; var info3_1; var info3_2; var info3_3;\nvar info3_4; var info4_1; var info4_2; var info4_3; var info4_4; var info5_1; var info5_2; var info5_3; var info5_4; var info6_1; var info6_2; \nvar info6_3; var info6_4; var info7_1; var info7_2; var info7_3; var info7_4; var info8_1; var info8_2; var info8_3; var info8_4;\n\nfunction totalColor1(d, n) { return d > 9*n ? '#003A00':\n d > 8*n ? '#005800':\n d > 7*n ? '#007000':\n d > 6*n ? '#008600':\n d > 5*n ? '#009A00':\n d > 4*n ? '#00B800' :\n d > 3*n ? '#00D600' :\n d > 2*n ? '#00F200' :\n d > n ? '#69FF69' :\n d > 0 ? '#9BFF9B' :\n d == 0 ? '#C5FFC5' :\n '#FBF8F3'; }\nfunction totalColor2(d, n) { return d > 9*n ? '#002A1F':\n d > 8*n ? '#004835':\n d > 7*n ? '#00684D':\n d > 6*n ? '#008260':\n d > 5*n ? '#00A479':\n d > 4*n ? '#00C08E' :\n d > 3*n ? '#00D09A' :\n d > 2*n ? '#00EEB0' :\n d > n ? '#6DFFD9' :\n d > 0 ? '#ABFFE9' :\n d == 0 ? '#CDFFF2' :\n '#FBF8F3'; }\n\nfunction getOpacity(d) { return d >= 0 ? 1 : d == 0 ? 0 : 0; }\n\nfunction totalStyle1_1 (feature) { return { fillColor: totalColor1 (feature.properties[numtotal_atleast1dose], Math.floor(mxtotal\/10)), weight: 0.5, \n opacity: getOpacity(feature.properties[numtotal_atleast1dose]),\n color: 'black', fillOpacity: getOpacity(feature.properties[numtotal_atleast1dose]) }; }\nfunction totalStyle1_2 (feature) { return { fillColor: totalColor1 (feature.properties[numtotal_fully], Math.floor(mxtotal\/10)), weight: 0.5, \n opacity: getOpacity(feature.properties[numtotal_fully]),\n color: 'black', fillOpacity: getOpacity(feature.properties[numtotal_fully]) }; }\nfunction totalStyle1_3 (feature) { return { fillColor: totalColor1 (feature.properties[numtotal_1additional], Math.floor(mxtotal\/10)), weight: 0.5, \n opacity: getOpacity(feature.properties[numtotal_1additional]),\n color: 'black', fillOpacity: getOpacity(feature.properties[numtotal_1additional]) }; }\nfunction totalStyle1_4 (feature) { return { fillColor: totalColor1 (feature.properties[numtotal_2additional], Math.floor(mxtotal\/10)), weight: 0.5, \n opacity: getOpacity(feature.properties[numtotal_2additional]),\n color: 'black', fillOpacity: getOpacity(feature.properties[numtotal_2additional]) }; }\nfunction totalStyle2_1 (feature) { return { fillColor: totalColor2 (feature.properties[proptotal_atleast1dose], Math.floor(mxtotalp\/10)), \n weight: 0.5, opacity: getOpacity(feature.properties[proptotal_atleast1dose]),\n color: 'black', fillOpacity: getOpacity(feature.properties[proptotal_atleast1dose]) }; }\nfunction totalStyle2_2 (feature) { return { fillColor: totalColor2 (feature.properties[proptotal_fully], Math.floor(mxtotalp\/10)), weight: 0.5, \n opacity: getOpacity(feature.properties[proptotal_fully]),\n color: 'black', fillOpacity: getOpacity(feature.properties[proptotal_fully]) }; }\nfunction totalStyle2_3 (feature) { return { fillColor: totalColor2 (feature.properties[proptotal_1additional], Math.floor(mxtotalp\/10)), weight: 0.5, \n opacity: getOpacity(feature.properties[proptotal_1additional]),\n color: 'black', fillOpacity: getOpacity(feature.properties[proptotal_1additional]) }; }\nfunction totalStyle2_4 (feature) { return { fillColor: totalColor2 (feature.properties[proptotal_2additional], Math.floor(mxtotalp\/10)), weight: 0.5, \n opacity: getOpacity(feature.properties[proptotal_2additional]),\n color: 'black', fillOpacity: getOpacity(feature.properties[proptotal_2additional]) }; }\n\nfunction plus18Color1(d, n) { return d > 9*n ? '#A82800':\n d > 8*n ? '#CC3300':\n d > 7*n ? '#FC5104':\n d > 6*n ? '#FD6203':\n d > 5*n ? '#FF7401':\n d > 4*n ? '#FE8602' :\n d > 3*n ? '#FEA402' :\n d > 2*n ? '#FEBC02' :\n d > n ? '#FEDA02' :\n d > 0 ? '#FFFE02' :\n d == 0 ? '#FFFF99' :\n '#FBF8F3'; }\nfunction plus18Color2(d, n) { return d > 9*n ? '#421000':\n d > 8*n ? '#6C1A00':\n d > 7*n ? '#9A2500':\n d > 6*n ? '#C83000':\n d > 5*n ? '#E63700':\n d > 4*n ? '#FF4105' :\n d > 3*n ? '#FF5C29' :\n d > 2*n ? '#FF6D3F' :\n d > n ? '#FF845D' :\n d > 0 ? '#FFA78B' :\n d == 0 ? '#FFC5B3' :\n '#FBF8F3'; }\nfunction plus18Style1_1 (feature) { return { fillColor: plus18Color1 (feature.properties[num18plus_atleast1dose], Math.floor(mxover18\/10)), \n weight: 0.5, opacity: getOpacity(feature.properties[num18plus_atleast1dose]),\n color: 'black', fillOpacity: getOpacity(feature.properties[num18plus_atleast1dose]) }; }\nfunction plus18Style1_2 (feature) { return { fillColor: plus18Color1 (feature.properties[num18plus_fully], Math.floor(mxover18\/10)), weight: 0.5, \n opacity: getOpacity(feature.properties[num18plus_fully]),\n color: 'black', fillOpacity: getOpacity(feature.properties[num18plus_fully]) }; }\nfunction plus18Style1_3 (feature) { return { fillColor: plus18Color1 (feature.properties[num18plus_1additional], Math.floor(mxover18\/10)), \n weight: 0.5, opacity: getOpacity(feature.properties[num18plus_1additional]),\n color: 'black', fillOpacity: getOpacity(feature.properties[num18plus_1additional]) }; }\nfunction plus18Style1_4 (feature) { return { fillColor: plus18Color1 (feature.properties[num18plus_2additional], Math.floor(mxover18\/10)), \n weight: 0.5, opacity: getOpacity(feature.properties[num18plus_2additional]),\n color: 'black', fillOpacity: getOpacity(feature.properties[num18plus_2additional]) }; }\nfunction plus18Style2_1 (feature) { return { fillColor: plus18Color2 (feature.properties[prop18plus_atleast1dose], Math.floor(mxover18p\/10)), \n weight: 0.5, opacity: getOpacity(feature.properties[prop18plus_atleast1dose]),\n color: 'black', fillOpacity: getOpacity(feature.properties[prop18plus_atleast1dose]) }; }\nfunction plus18Style2_2 (feature) { return { fillColor: plus18Color2 (feature.properties[prop18plus_fully], Math.floor(mxover18p\/10)), weight: 0.5, \n opacity: getOpacity(feature.properties[prop18plus_fully]),\n color: 'black', fillOpacity: getOpacity(feature.properties[prop18plus_fully]) }; }\nfunction plus18Style2_3 (feature) { return { fillColor: plus18Color2 (feature.properties[prop18plus_1additional], Math.floor(mxover18p\/10)), \n weight: 0.5, opacity: getOpacity(feature.properties[prop18plus_1additional]),\n color: 'black', fillOpacity: getOpacity(feature.properties[prop18plus_1additional]) }; }\nfunction plus18Style2_4 (feature) { return { fillColor: plus18Color2 (feature.properties[prop18plus_2additional], Math.floor(mxover18p\/10)), \n weight: 0.5, opacity: getOpacity(feature.properties[prop18plus_2additional]),\n color: 'black', fillOpacity: getOpacity(feature.properties[prop18plus_2additional]) }; }\n\nfunction plus12Color1(d, n) { return d > 9*n ? '#003550':\n d > 8*n ? '#005986':\n d > 7*n ? '#006DA4':\n d > 6*n ? '#0083C4':\n d > 5*n ? '#0094DE':\n d > 4*n ? '#09ADFF' :\n d > 3*n ? '#43C0FF' :\n d > 2*n ? '#6DCEFF' :\n d > n ? '#89D8FF' :\n d > 0 ? '#ABE3FF' :\n d == 0 ? '#CDEEFF' :\n '#FBF8F3'; }\nfunction plus12Color2(d, n) { return d > 9*n ? '#000032':\n d > 8*n ? '#000082':\n d > 7*n ? '#0000D2':\n d > 6*n ? '#2121FF':\n d > 5*n ? '#3333FF':\n d > 4*n ? '#4747FF' :\n d > 3*n ? '#5D5DFF' :\n d > 2*n ? '#6D6DFF' :\n d > n ? '#8181FF' :\n d > 0 ? '#9F9FFF' :\n d == 0 ? '#D1D1FF' :\n '#FBF8F3'; }\nfunction plus12Style1_1 (feature) { return { fillColor: plus12Color1 (feature.properties[num12plus_atleast1dose], Math.floor(mxover12\/10)), \n weight: 0.5, opacity: getOpacity(feature.properties[num12plus_atleast1dose]),\n color: 'black', fillOpacity: getOpacity(feature.properties[num12plus_atleast1dose]) }; }\nfunction plus12Style1_2 (feature) { return { fillColor: plus12Color1 (feature.properties[num12plus_fully], Math.floor(mxover12\/10)), weight: 0.5, \n opacity: getOpacity(feature.properties[num12plus_fully]),\n color: 'black', fillOpacity: getOpacity(feature.properties[num12plus_fully]) }; }\nfunction plus12Style1_3 (feature) { return { fillColor: plus12Color1 (feature.properties[num12plus_1additional], Math.floor(mxover12\/10)), \n weight: 0.5, opacity: getOpacity(feature.properties[num12plus_1additional]),\n color: 'black', fillOpacity: getOpacity(feature.properties[num12plus_1additional]) }; }\nfunction plus12Style1_4 (feature) { return { fillColor: plus12Color1 (feature.properties[num12plus_2additional], Math.floor(mxover12\/10)), \n weight: 0.5, opacity: getOpacity(feature.properties[num12plus_2additional]),\n color: 'black', fillOpacity: getOpacity(feature.properties[num12plus_2additional]) }; }\nfunction plus12Style2_1 (feature) { return { fillColor: plus12Color2 (feature.properties[prop12plus_atleast1dose], Math.floor(mxover12p\/10)), \n weight: 0.5, opacity: getOpacity(feature.properties[prop12plus_atleast1dose]),\n color: 'black', fillOpacity: getOpacity(feature.properties[prop12plus_atleast1dose]) }; }\nfunction plus12Style2_2 (feature) { return { fillColor: plus12Color2 (feature.properties[prop12plus_fully], Math.floor(mxover12p\/10)), weight: 0.5, \n opacity: getOpacity(feature.properties[prop12plus_fully]),\n color: 'black', fillOpacity: getOpacity(feature.properties[prop12plus_fully]) }; }\nfunction plus12Style2_3 (feature) { return { fillColor: plus12Color2 (feature.properties[prop12plus_1additional], Math.floor(mxover12p\/10)), \n weight: 0.5, opacity: getOpacity(feature.properties[prop12plus_1additional]),\n color: 'black', fillOpacity: getOpacity(feature.properties[prop12plus_1additional]) }; }\nfunction plus12Style2_4 (feature) { return { fillColor: plus12Color2 (feature.properties[prop12plus_2additional], Math.floor(mxover12p\/10)), \n weight: 0.5, opacity: getOpacity(feature.properties[prop12plus_2additional]),\n color: 'black', fillOpacity: getOpacity(feature.properties[prop12plus_2additional]) }; }\n\nfunction plus5Color1(d, n) { return d > 9*n ? '#36001B':\n d > 8*n ? '#6C0036':\n d > 7*n ? '#8A0045':\n d > 6*n ? '#A80054':\n d > 5*n ? '#BC005E':\n d > 4*n ? '#DA006D' :\n d > 3*n ? '#FE007F' :\n d > 2*n ? '#FF53A9' :\n d > n ? '#FF79BC' :\n d > 0 ? '#FF9BCD' :\n d == 0 ? '#FFBDDE' :\n '#FBF8F3'; }\nfunction plus5Color2(d, n) { return d > 9*n ? '#17003A':\n d > 8*n ? '#300076':\n d > 7*n ? '#4200A2':\n d > 6*n ? '#5500D2':\n d > 5*n ? '#8633FF':\n d > 4*n ? '#944BFF' :\n d > 3*n ? '#A365FF' :\n d > 2*n ? '#B685FF' :\n d > n ? '#CFAFFF' :\n d > 0 ? '#DCC5FF' :\n d == 0 ? '#EBDDFF' :\n '#FBF8F3'; }\nfunction plus5Style1_1 (feature) { return { fillColor: plus5Color1 (feature.properties[num5plus_atleast1dose], Math.floor(mxover5\/10)), \n weight: 0.5, opacity: getOpacity(feature.properties[num5plus_atleast1dose]),\n color: 'black', fillOpacity: getOpacity(feature.properties[num5plus_atleast1dose]) }; }\nfunction plus5Style1_2 (feature) { return { fillColor: plus5Color1 (feature.properties[num5plus_fully], Math.floor(mxover5\/10)), weight: 0.5, \n opacity: getOpacity(feature.properties[num5plus_fully]),\n color: 'black', fillOpacity: getOpacity(feature.properties[num5plus_fully]) }; }\nfunction plus5Style1_3 (feature) { return { fillColor: plus5Color1 (feature.properties[num5plus_1additional], Math.floor(mxover5\/10)), \n weight: 0.5, opacity: getOpacity(feature.properties[num5plus_1additional]),\n color: 'black', fillOpacity: getOpacity(feature.properties[num5plus_1additional]) }; }\nfunction plus5Style1_4 (feature) { return { fillColor: plus5Color1 (feature.properties[num5plus_2additional], Math.floor(mxover5\/10)), \n weight: 0.5, opacity: getOpacity(feature.properties[num5plus_2additional]),\n color: 'black', fillOpacity: getOpacity(feature.properties[num5plus_2additional]) }; }\nfunction plus5Style2_1 (feature) { return { fillColor: plus5Color2 (feature.properties[prop5plus_atleast1dose], Math.floor(mxover5p\/10)), \n weight: 0.5, opacity: getOpacity(feature.properties[prop5plus_atleast1dose]),\n color: 'black', fillOpacity: getOpacity(feature.properties[prop5plus_atleast1dose]) }; }\nfunction plus5Style2_2 (feature) { return { fillColor: plus5Color2 (feature.properties[prop5plus_fully], Math.floor(mxover5p\/10)), weight: 0.5, \n opacity: getOpacity(feature.properties[prop5plus_fully]),\n color: 'black', fillOpacity: getOpacity(feature.properties[prop5plus_fully]) }; }\nfunction plus5Style2_3 (feature) { return { fillColor: plus5Color2 (feature.properties[prop5plus_1additional], Math.floor(mxover5p\/10)), \n weight: 0.5, opacity: getOpacity(feature.properties[prop5plus_1additional]),\n color: 'black', fillOpacity: getOpacity(feature.properties[prop5plus_1additional]) }; }\nfunction plus5Style2_4 (feature) { return { fillColor: plus5Color2 (feature.properties[prop5plus_2additional], Math.floor(mxover5p\/10)), \n weight: 0.5, opacity: getOpacity(feature.properties[prop5plus_2additional]),\n color: 'black', fillOpacity: getOpacity(feature.properties[prop5plus_2additional]) }; }\n\n\nfunction highlightFeature1_1 (e) {\n var layer = e.target; layer.setStyle({ weight: .5, color: '#000', dashArray: '', fillOpacity: 0.7 });\n if (!L.Browser.opera && !L.Browser.edge) layer.bringToFront(); info1_1.update(layer.feature.properties);\n}\nfunction resetHighlight1_1 (e) { geojson1_1.resetStyle(e.target); info1_1.update(); }\nfunction zoomToFeature1_1 (e) { map1_1.fitBounds (e.target.getBounds()); }\nfunction onEachFeature1_1 (feature, layer) { layer.on({ mouseover: highlightFeature1_1, mouseout: resetHighlight1_1, click: zoomToFeature1_1 }); }\n\nfunction highlightFeature1_2 (e) {\n var layer = e.target; layer.setStyle({ weight: .5, color: '#000', dashArray: '', fillOpacity: 0.7 });\n if (!L.Browser.opera && !L.Browser.edge) layer.bringToFront(); info1_2.update(layer.feature.properties);\n}\nfunction resetHighlight1_2 (e) { geojson1_2.resetStyle(e.target); info1_2.update(); }\nfunction zoomToFeature1_2 (e) { map1_2.fitBounds (e.target.getBounds()); }\nfunction onEachFeature1_2 (feature, layer) { layer.on({ mouseover: highlightFeature1_2, mouseout: resetHighlight1_2, click: zoomToFeature1_2 }); }\n\nfunction highlightFeature1_3 (e) {\n var layer = e.target; layer.setStyle({ weight: .5, color: '#000', dashArray: '', fillOpacity: 0.7 });\n if (!L.Browser.opera && !L.Browser.edge) layer.bringToFront(); info1_3.update(layer.feature.properties);\n}\nfunction resetHighlight1_3 (e) { geojson1_3.resetStyle(e.target); info1_3.update(); }\nfunction zoomToFeature1_3 (e) { map1_3.fitBounds (e.target.getBounds()); }\nfunction onEachFeature1_3 (feature, layer) { layer.on({ mouseover: highlightFeature1_3, mouseout: resetHighlight1_3, click: zoomToFeature1_3 }); }\n\nfunction highlightFeature1_4 (e) {\n var layer = e.target; layer.setStyle({ weight: .5, color: '#000', dashArray: '', fillOpacity: 0.7 });\n if (!L.Browser.opera && !L.Browser.edge) layer.bringToFront(); info1_4.update(layer.feature.properties);\n}\nfunction resetHighlight1_4 (e) { geojson1_4.resetStyle(e.target); info1_4.update(); }\nfunction zoomToFeature1_4 (e) { map1_4.fitBounds (e.target.getBounds()); }\nfunction onEachFeature1_4 (feature, layer) { layer.on({ mouseover: highlightFeature1_4, mouseout: resetHighlight1_4, click: zoomToFeature1_4 }); }\n\n\/\/---------------\nfunction highlightFeature2_1 (e) {\n var layer = e.target; layer.setStyle({ weight: .5, color: '#000', dashArray: '', fillOpacity: 0.7 });\n if (!L.Browser.opera && !L.Browser.edge) layer.bringToFront(); info2_1.update(layer.feature.properties);\n}\nfunction resetHighlight2_1 (e) { geojson2_1.resetStyle(e.target); info2_1.update(); }\nfunction zoomToFeature2_1 (e) { map2_1.fitBounds (e.target.getBounds()); }\nfunction onEachFeature2_1 (feature, layer) { layer.on({ mouseover: highlightFeature2_1, mouseout: resetHighlight2_1, click: zoomToFeature2_1 }); }\n\nfunction highlightFeature2_2 (e) {\n var layer = e.target; layer.setStyle({ weight: .5, color: '#000', dashArray: '', fillOpacity: 0.7 });\n if (!L.Browser.opera && !L.Browser.edge) layer.bringToFront(); info2_2.update(layer.feature.properties);\n}\nfunction resetHighlight2_2 (e) { geojson2_2.resetStyle(e.target); info2_2.update(); }\nfunction zoomToFeature2_2 (e) { map2_2.fitBounds (e.target.getBounds()); }\nfunction onEachFeature2_2 (feature, layer) { layer.on({ mouseover: highlightFeature2_2, mouseout: resetHighlight2_2, click: zoomToFeature2_2 }); }\n\nfunction highlightFeature2_3 (e) {\n var layer = e.target; layer.setStyle({ weight: .5, color: '#000', dashArray: '', fillOpacity: 0.7 });\n if (!L.Browser.opera && !L.Browser.edge) layer.bringToFront(); info2_3.update(layer.feature.properties);\n}\nfunction resetHighlight2_3 (e) { geojson2_3.resetStyle(e.target); info2_3.update(); }\nfunction zoomToFeature2_3 (e) { map2_3.fitBounds (e.target.getBounds()); }\nfunction onEachFeature2_3 (feature, layer) { layer.on({ mouseover: highlightFeature2_3, mouseout: resetHighlight2_3, click: zoomToFeature2_3 }); }\n\nfunction highlightFeature2_4 (e) {\n var layer = e.target; layer.setStyle({ weight: .5, color: '#000', dashArray: '', fillOpacity: 0.7 });\n if (!L.Browser.opera && !L.Browser.edge) layer.bringToFront(); info2_4.update(layer.feature.properties);\n}\nfunction resetHighlight2_4 (e) { geojson2_4.resetStyle(e.target); info2_4.update(); }\nfunction zoomToFeature2_4 (e) { map2_4.fitBounds (e.target.getBounds()); }\nfunction onEachFeature2_4 (feature, layer) { layer.on({ mouseover: highlightFeature2_4, mouseout: resetHighlight2_4, click: zoomToFeature2_4 }); }\n\n\/\/-----------------\nfunction highlightFeature3_1 (e) {\n var layer = e.target; layer.setStyle({ weight: .5, color: '#000', dashArray: '', fillOpacity: 0.7 });\n if (!L.Browser.opera && !L.Browser.edge) layer.bringToFront(); info3_1.update(layer.feature.properties);\n}\nfunction resetHighlight3_1 (e) { geojson3_1.resetStyle(e.target); info3_1.update(); }\nfunction zoomToFeature3_1 (e) { map3_1.fitBounds (e.target.getBounds()); }\nfunction onEachFeature3_1 (feature, layer) { layer.on({ mouseover: highlightFeature3_1, mouseout: resetHighlight3_1, click: zoomToFeature3_1 }); }\n\nfunction highlightFeature3_2 (e) {\n var layer = e.target; layer.setStyle({ weight: .5, color: '#000', dashArray: '', fillOpacity: 0.7 });\n if (!L.Browser.opera && !L.Browser.edge) layer.bringToFront(); info3_2.update(layer.feature.properties);\n}\nfunction resetHighlight3_2 (e) { geojson3_2.resetStyle(e.target); info3_2.update(); }\nfunction zoomToFeature3_2 (e) { map3_2.fitBounds (e.target.getBounds()); }\nfunction onEachFeature3_2 (feature, layer) { layer.on({ mouseover: highlightFeature3_2, mouseout: resetHighlight3_2, click: zoomToFeature3_2 }); }\n\nfunction highlightFeature3_3 (e) {\n var layer = e.target; layer.setStyle({ weight: .5, color: '#000', dashArray: '', fillOpacity: 0.7 });\n if (!L.Browser.opera && !L.Browser.edge) layer.bringToFront(); info3_3.update(layer.feature.properties);\n}\nfunction resetHighlight3_3 (e) { geojson3_3.resetStyle(e.target); info3_3.update(); }\nfunction zoomToFeature3_3 (e) { map3_3.fitBounds (e.target.getBounds()); }\nfunction onEachFeature3_3 (feature, layer) { layer.on({ mouseover: highlightFeature3_3, mouseout: resetHighlight3_3, click: zoomToFeature3_3 }); }\n\nfunction highlightFeature3_4 (e) {\n var layer = e.target; layer.setStyle({ weight: .5, color: '#000', dashArray: '', fillOpacity: 0.7 });\n if (!L.Browser.opera && !L.Browser.edge) layer.bringToFront(); info3_4.update(layer.feature.properties);\n}\nfunction resetHighlight3_4 (e) { geojson3_4.resetStyle(e.target); info3_4.update(); }\nfunction zoomToFeature3_4 (e) { map3_4.fitBounds (e.target.getBounds()); }\nfunction onEachFeature3_4 (feature, layer) { layer.on({ mouseover: highlightFeature3_4, mouseout: resetHighlight3_4, click: zoomToFeature3_4 }); }\n\n\/\/----------------------------------\nfunction highlightFeature4_1 (e) {\n var layer = e.target; layer.setStyle({ weight: .5, color: '#000', dashArray: '', fillOpacity: 0.7 });\n if (!L.Browser.opera && !L.Browser.edge) layer.bringToFront(); info4_1.update(layer.feature.properties);\n}\nfunction resetHighlight4_1 (e) { geojson4_1.resetStyle(e.target); info4_1.update(); }\nfunction zoomToFeature4_1 (e) { map4_1.fitBounds (e.target.getBounds()); }\nfunction onEachFeature4_1 (feature, layer) { layer.on({ mouseover: highlightFeature4_1, mouseout: resetHighlight4_1, click: zoomToFeature4_1 }); }\n\nfunction highlightFeature4_2 (e) {\n var layer = e.target; layer.setStyle({ weight: .5, color: '#000', dashArray: '', fillOpacity: 0.7 });\n if (!L.Browser.opera && !L.Browser.edge) layer.bringToFront(); info4_2.update(layer.feature.properties);\n}\nfunction resetHighlight4_2 (e) { geojson4_2.resetStyle(e.target); info4_2.update(); }\nfunction zoomToFeature4_2 (e) { map4_2.fitBounds (e.target.getBounds()); }\nfunction onEachFeature4_2 (feature, layer) { layer.on({ mouseover: highlightFeature4_2, mouseout: resetHighlight4_2, click: zoomToFeature4_2 }); }\n\nfunction highlightFeature4_3 (e) {\n var layer = e.target; layer.setStyle({ weight: .5, color: '#000', dashArray: '', fillOpacity: 0.7 });\n if (!L.Browser.opera && !L.Browser.edge) layer.bringToFront(); info4_3.update(layer.feature.properties);\n}\nfunction resetHighlight4_3 (e) { geojson4_3.resetStyle(e.target); info4_3.update(); }\nfunction zoomToFeature4_3 (e) { map4_3.fitBounds (e.target.getBounds()); }\nfunction onEachFeature4_3 (feature, layer) { layer.on({ mouseover: highlightFeature4_3, mouseout: resetHighlight4_3, click: zoomToFeature4_3 }); }\n\nfunction highlightFeature4_4 (e) {\n var layer = e.target; layer.setStyle({ weight: .5, color: '#000', dashArray: '', fillOpacity: 0.7 });\n if (!L.Browser.opera && !L.Browser.edge) layer.bringToFront(); info4_4.update(layer.feature.properties);\n}\nfunction resetHighlight4_4 (e) { geojson4_4.resetStyle(e.target); info4_4.update(); }\nfunction zoomToFeature4_4 (e) { map4_4.fitBounds (e.target.getBounds()); }\nfunction onEachFeature4_4 (feature, layer) { layer.on({ mouseover: highlightFeature4_4, mouseout: resetHighlight4_4, click: zoomToFeature4_4 }); }\n\n\/\/-------------------\nfunction highlightFeature5_1 (e) {\n var layer = e.target; layer.setStyle({ weight: .5, color: '#000', dashArray: '', fillOpacity: 0.7 });\n if (!L.Browser.opera && !L.Browser.edge) layer.bringToFront(); info5_1.update(layer.feature.properties);\n}\nfunction resetHighlight5_1 (e) { geojson5_1.resetStyle(e.target); info5_1.update(); }\nfunction zoomToFeature5_1 (e) { map5_1.fitBounds (e.target.getBounds()); }\nfunction onEachFeature5_1 (feature, layer) { layer.on({ mouseover: highlightFeature5_1, mouseout: resetHighlight5_1, click: zoomToFeature5_1 }); }\n\nfunction highlightFeature5_2 (e) {\n var layer = e.target; layer.setStyle({ weight: .5, color: '#000', dashArray: '', fillOpacity: 0.7 });\n if (!L.Browser.opera && !L.Browser.edge) layer.bringToFront(); info5_2.update(layer.feature.properties);\n}\nfunction resetHighlight5_2 (e) { geojson5_2.resetStyle(e.target); info5_2.update(); }\nfunction zoomToFeature5_2 (e) { map5_2.fitBounds (e.target.getBounds()); }\nfunction onEachFeature5_2 (feature, layer) { layer.on({ mouseover: highlightFeature5_2, mouseout: resetHighlight5_2, click: zoomToFeature5_2 }); }\n\nfunction highlightFeature5_3 (e) {\n var layer = e.target; layer.setStyle({ weight: .5, color: '#000', dashArray: '', fillOpacity: 0.7 });\n if (!L.Browser.opera && !L.Browser.edge) layer.bringToFront(); info5_3.update(layer.feature.properties);\n}\nfunction resetHighlight5_3 (e) { geojson5_3.resetStyle(e.target); info5_3.update(); }\nfunction zoomToFeature5_3 (e) { map5_3.fitBounds (e.target.getBounds()); }\nfunction onEachFeature5_3 (feature, layer) { layer.on({ mouseover: highlightFeature5_3, mouseout: resetHighlight5_3, click: zoomToFeature5_3 }); }\n\nfunction highlightFeature5_4 (e) {\n var layer = e.target; layer.setStyle({ weight: .5, color: '#000', dashArray: '', fillOpacity: 0.7 });\n if (!L.Browser.opera && !L.Browser.edge) layer.bringToFront(); info5_4.update(layer.feature.properties);\n}\nfunction resetHighlight5_4 (e) { geojson5_4.resetStyle(e.target); info5_4.update(); }\nfunction zoomToFeature5_4 (e) { map5_4.fitBounds (e.target.getBounds()); }\nfunction onEachFeature5_4 (feature, layer) { layer.on({ mouseover: highlightFeature5_4, mouseout: resetHighlight5_4, click: zoomToFeature5_4 }); }\n\n\/\/--------------------------\nfunction highlightFeature6_1 (e) {\n var layer = e.target; layer.setStyle({ weight: .5, color: '#000', dashArray: '', fillOpacity: 0.7 });\n if (!L.Browser.opera && !L.Browser.edge) layer.bringToFront(); info6_1.update(layer.feature.properties);\n}\nfunction resetHighlight6_1 (e) { geojson6_1.resetStyle(e.target); info6_1.update(); }\nfunction zoomToFeature6_1 (e) { map6_1.fitBounds (e.target.getBounds()); }\nfunction onEachFeature6_1 (feature, layer) { layer.on({ mouseover: highlightFeature6_1, mouseout: resetHighlight6_1, click: zoomToFeature6_1 }); }\n\nfunction highlightFeature6_2 (e) {\n var layer = e.target; layer.setStyle({ weight: .5, color: '#000', dashArray: '', fillOpacity: 0.7 });\n if (!L.Browser.opera && !L.Browser.edge) layer.bringToFront(); info6_2.update(layer.feature.properties);\n}\nfunction resetHighlight6_2 (e) { geojson6_2.resetStyle(e.target); info6_2.update(); }\nfunction zoomToFeature6_2 (e) { map6_2.fitBounds (e.target.getBounds()); }\nfunction onEachFeature6_2 (feature, layer) { layer.on({ mouseover: highlightFeature6_2, mouseout: resetHighlight6_2, click: zoomToFeature6_2 }); }\n\nfunction highlightFeature6_3 (e) {\n var layer = e.target; layer.setStyle({ weight: .5, color: '#000', dashArray: '', fillOpacity: 0.7 });\n if (!L.Browser.opera && !L.Browser.edge) layer.bringToFront(); info6_3.update(layer.feature.properties);\n}\nfunction resetHighlight6_3 (e) { geojson6_3.resetStyle(e.target); info6_3.update(); }\nfunction zoomToFeature6_3 (e) { map6_3.fitBounds (e.target.getBounds()); }\nfunction onEachFeature6_3 (feature, layer) { layer.on({ mouseover: highlightFeature6_3, mouseout: resetHighlight6_3, click: zoomToFeature6_3 }); }\n\nfunction highlightFeature6_4 (e) {\n var layer = e.target; layer.setStyle({ weight: .5, color: '#000', dashArray: '', fillOpacity: 0.7 });\n if (!L.Browser.opera && !L.Browser.edge) layer.bringToFront(); info6_4.update(layer.feature.properties);\n}\nfunction resetHighlight6_4 (e) { geojson6_4.resetStyle(e.target); info6_4.update(); }\nfunction zoomToFeature6_4 (e) { map6_4.fitBounds (e.target.getBounds()); }\nfunction onEachFeature6_4 (feature, layer) { layer.on({ mouseover: highlightFeature6_4, mouseout: resetHighlight6_4, click: zoomToFeature6_4 }); }\n\n\/\/----------------------------------\nfunction highlightFeature7_1 (e) {\n var layer = e.target; layer.setStyle({ weight: .5, color: '#000', dashArray: '', fillOpacity: 0.7 });\n if (!L.Browser.opera && !L.Browser.edge) layer.bringToFront(); info7_1.update(layer.feature.properties);\n}\nfunction resetHighlight7_1 (e) { geojson7_1.resetStyle(e.target); info7_1.update(); }\nfunction zoomToFeature7_1 (e) { map7_1.fitBounds (e.target.getBounds()); }\nfunction onEachFeature7_1 (feature, layer) { layer.on({ mouseover: highlightFeature7_1, mouseout: resetHighlight7_1, click: zoomToFeature7_1 }); }\n\nfunction highlightFeature7_2 (e) {\n var layer = e.target; layer.setStyle({ weight: .5, color: '#000', dashArray: '', fillOpacity: 0.7 });\n if (!L.Browser.opera && !L.Browser.edge) layer.bringToFront(); info7_2.update(layer.feature.properties);\n}\nfunction resetHighlight7_2 (e) { geojson7_2.resetStyle(e.target); info7_2.update(); }\nfunction zoomToFeature7_2 (e) { map7_2.fitBounds (e.target.getBounds()); }\nfunction onEachFeature7_2 (feature, layer) { layer.on({ mouseover: highlightFeature7_2, mouseout: resetHighlight7_2, click: zoomToFeature7_2 }); }\n\nfunction highlightFeature7_3 (e) {\n var layer = e.target; layer.setStyle({ weight: .5, color: '#000', dashArray: '', fillOpacity: 0.7 });\n if (!L.Browser.opera && !L.Browser.edge) layer.bringToFront(); info7_3.update(layer.feature.properties);\n}\nfunction resetHighlight7_3 (e) { geojson7_3.resetStyle(e.target); info7_3.update(); }\nfunction zoomToFeature7_3 (e) { map7_3.fitBounds (e.target.getBounds()); }\nfunction onEachFeature7_3 (feature, layer) { layer.on({ mouseover: highlightFeature7_3, mouseout: resetHighlight7_3, click: zoomToFeature7_3 }); }\n\nfunction highlightFeature7_4 (e) {\n var layer = e.target; layer.setStyle({ weight: .5, color: '#000', dashArray: '', fillOpacity: 0.7 });\n if (!L.Browser.opera && !L.Browser.edge) layer.bringToFront(); info7_4.update(layer.feature.properties);\n}\nfunction resetHighlight7_4 (e) { geojson7_4.resetStyle(e.target); info7_4.update(); }\nfunction zoomToFeature7_4 (e) { map7_4.fitBounds (e.target.getBounds()); }\nfunction onEachFeature7_4 (feature, layer) { layer.on({ mouseover: highlightFeature7_4, mouseout: resetHighlight7_4, click: zoomToFeature7_4 }); }\n\n\/\/-----------------------------------\nfunction highlightFeature8_1 (e) {\n var layer = e.target; layer.setStyle({ weight: .5, color: '#000', dashArray: '', fillOpacity: 0.7 });\n if (!L.Browser.opera && !L.Browser.edge) layer.bringToFront(); info8_1.update(layer.feature.properties);\n}\nfunction resetHighlight8_1 (e) { geojson8_1.resetStyle(e.target); info8_1.update(); }\nfunction zoomToFeature8_1 (e) { map8_1.fitBounds (e.target.getBounds()); }\nfunction onEachFeature8_1 (feature, layer) { layer.on({ mouseover: highlightFeature8_1, mouseout: resetHighlight8_1, click: zoomToFeature8_1 }); }\n\nfunction highlightFeature8_2 (e) {\n var layer = e.target; layer.setStyle({ weight: .5, color: '#000', dashArray: '', fillOpacity: 0.7 });\n if (!L.Browser.opera && !L.Browser.edge) layer.bringToFront(); info8_2.update(layer.feature.properties);\n}\nfunction resetHighlight8_2 (e) { geojson8_2.resetStyle(e.target); info8_2.update(); }\nfunction zoomToFeature8_2 (e) { map8_2.fitBounds (e.target.getBounds()); }\nfunction onEachFeature8_2 (feature, layer) { layer.on({ mouseover: highlightFeature8_2, mouseout: resetHighlight8_2, click: zoomToFeature8_2 }); }\n\nfunction highlightFeature8_3 (e) {\n var layer = e.target; layer.setStyle({ weight: .5, color: '#000', dashArray: '', fillOpacity: 0.7 });\n if (!L.Browser.opera && !L.Browser.edge) layer.bringToFront(); info8_3.update(layer.feature.properties);\n}\nfunction resetHighlight8_3 (e) { geojson8_3.resetStyle(e.target); info8_3.update(); }\nfunction zoomToFeature8_3 (e) { map8_3.fitBounds (e.target.getBounds()); }\nfunction onEachFeature8_3 (feature, layer) { layer.on({ mouseover: highlightFeature8_3, mouseout: resetHighlight8_3, click: zoomToFeature8_3 }); }\n\nfunction highlightFeature8_4 (e) {\n var layer = e.target; layer.setStyle({ weight: .5, color: '#000', dashArray: '', fillOpacity: 0.7 });\n if (!L.Browser.opera && !L.Browser.edge) layer.bringToFront(); info8_4.update(layer.feature.properties);\n}\nfunction resetHighlight8_4 (e) { geojson8_4.resetStyle(e.target); info8_4.update(); }\nfunction zoomToFeature8_4 (e) { map8_4.fitBounds (e.target.getBounds()); }\nfunction onEachFeature8_4 (feature, layer) { layer.on({ mouseover: highlightFeature8_4, mouseout: resetHighlight8_4, click: zoomToFeature8_4 }); }\n\n\/*------------------------- Range Functions ---------------------------------*\/\nfunction showtotalrange (v) {\n d = dates[Number(v)];\n document.getElementById (\"total\").innerHTML = d;\n \n numtotal_atleast1dose = \"numtotal_atleast1dose\" + d;\n numtotal_fully = \"numtotal_fully\" + d;\n numtotal_1additional = \"numtotal_1additional\" + d;\n numtotal_2additional = \"numtotal_2additional\" + d;\n proptotal_atleast1dose = \"proptotal_atleast1dose\" + d;\n proptotal_fully = \"proptotal_fully\" + d;\n proptotal_1additional = \"proptotal_1additional\" + d;\n proptotal_2additional = \"proptotal_2additional\" + d;\n\n if (geojson1_1) map1_1.removeLayer(geojson1_1);\n geojson1_1 = L.geoJson(mycanada, {style: totalStyle1_1, onEachFeature: onEachFeature1_1}).addTo(map1_1);\n if (geojson1_2) map1_2.removeLayer(geojson1_2);\n geojson1_2 = L.geoJson(mycanada, {style: totalStyle1_2, onEachFeature: onEachFeature1_2}).addTo(map1_2);\n if (geojson1_3) map1_3.removeLayer(geojson1_3);\n geojson1_3 = L.geoJson(mycanada, {style: totalStyle1_3, onEachFeature: onEachFeature1_3}).addTo(map1_3);\n if (geojson1_4) map1_4.removeLayer(geojson1_4);\n geojson1_4 = L.geoJson(mycanada, {style: totalStyle1_4, onEachFeature: onEachFeature1_4}).addTo(map1_4);\n\n if (geojson2_1) map2_1.removeLayer(geojson2_1);\n geojson2_1 = L.geoJson(mycanada, {style: totalStyle2_1, onEachFeature: onEachFeature2_1}).addTo(map2_1);\n if (geojson2_2) map2_2.removeLayer(geojson2_2);\n geojson2_2 = L.geoJson(mycanada, {style: totalStyle2_2, onEachFeature: onEachFeature2_2}).addTo(map2_2);\n if (geojson2_3) map2_3.removeLayer(geojson2_3);\n geojson2_3 = L.geoJson(mycanada, {style: totalStyle2_3, onEachFeature: onEachFeature2_3}).addTo(map2_3);\n if (geojson2_4) map2_4.removeLayer(geojson2_4);\n geojson2_4 = L.geoJson(mycanada, {style: totalStyle2_4, onEachFeature: onEachFeature2_4}).addTo(map2_4);\n}\nfunction show18range (v) {\n d = dates[Number(v)];\n document.getElementById (\"plus18\").innerHTML = d;\n\n num18plus_atleast1dose = \"num18plus_atleast1dose\" + d;\n num18plus_fully = \"num18plus_fully\" + d;\n num18plus_1additional = \"num18plus_1additional\" + d;\n num18plus_2additional = \"num18plus_2additional\" + d;\n prop18plus_atleast1dose = \"prop18plus_atleast1dose\" + d;\n prop18plus_fully = \"prop18plus_fully\" + d;\n prop18plus_1additional = \"prop18plus_1additional\" + d;\n prop18plus_2additional = \"prop18plus_2additional\" + d;\n\n if (geojson3_1) map3_1.removeLayer(geojson3_1);\n geojson3_1 = L.geoJson(mycanada, {style: plus18Style1_1, onEachFeature: onEachFeature3_1}).addTo(map3_1);\n if (geojson3_2) map3_2.removeLayer(geojson3_2);\n geojson3_2 = L.geoJson(mycanada, {style: plus18Style1_2, onEachFeature: onEachFeature3_2}).addTo(map3_2);\n if (geojson3_3) map3_3.removeLayer(geojson3_3);\n geojson3_3 = L.geoJson(mycanada, {style: plus18Style1_3, onEachFeature: onEachFeature3_3}).addTo(map3_3);\n if (geojson3_4) map3_4.removeLayer(geojson3_4);\n geojson3_4 = L.geoJson(mycanada, {style: plus18Style1_4, onEachFeature: onEachFeature3_4}).addTo(map3_4);\n\n if (geojson4_1) map4_1.removeLayer(geojson4_1);\n geojson4_1 = L.geoJson(mycanada, {style: plus18Style2_1, onEachFeature: onEachFeature4_1}).addTo(map4_1);\n if (geojson4_2) map4_2.removeLayer(geojson4_2);\n geojson4_2 = L.geoJson(mycanada, {style: plus18Style2_2, onEachFeature: onEachFeature4_2}).addTo(map4_2);\n if (geojson4_3) map4_3.removeLayer(geojson4_3);\n geojson4_3 = L.geoJson(mycanada, {style: plus18Style2_3, onEachFeature: onEachFeature4_3}).addTo(map4_3);\n if (geojson4_4) map4_4.removeLayer(geojson4_4);\n geojson4_4 = L.geoJson(mycanada, {style: plus18Style2_4, onEachFeature: onEachFeature4_4}).addTo(map4_4);\n\n}\nfunction show12range (v) {\n d = dates[Number(v)];\n document.getElementById (\"plus12\").innerHTML = d;\n\n num12plus_atleast1dose = \"num12plus_atleast1dose\" + d;\n num12plus_fully = \"num12plus_fully\" + d;\n num12plus_1additional = \"num12plus_1additional\" + d;\n num12plus_2additional = \"num12plus_2additional\" + d;\n prop12plus_atleast1dose = \"prop12plus_atleast1dose\" + d;\n prop12plus_fully = \"prop12plus_fully\" + d;\n prop12plus_1additional = \"prop12plus_1additional\" + d;\n prop12plus_2additional = \"prop12plus_2additional\" + d;\n\n if (geojson5_1) map5_1.removeLayer(geojson5_1);\n geojson5_1 = L.geoJson(mycanada, {style: plus12Style1_1, onEachFeature: onEachFeature5_1}).addTo(map5_1);\n if (geojson5_2) map5_2.removeLayer(geojson5_2);\n geojson5_2 = L.geoJson(mycanada, {style: plus12Style1_2, onEachFeature: onEachFeature5_2}).addTo(map5_2);\n if (geojson5_3) map5_3.removeLayer(geojson5_3);\n geojson5_3 = L.geoJson(mycanada, {style: plus12Style1_3, onEachFeature: onEachFeature5_3}).addTo(map5_3);\n if (geojson5_4) map5_4.removeLayer(geojson5_4);\n geojson5_4 = L.geoJson(mycanada, {style: plus12Style1_4, onEachFeature: onEachFeature5_4}).addTo(map5_4);\n\n if (geojson6_1) map6_1.removeLayer(geojson6_1);\n geojson6_1 = L.geoJson(mycanada, {style: plus12Style2_1, onEachFeature: onEachFeature6_1}).addTo(map6_1);\n if (geojson6_2) map6_2.removeLayer(geojson6_2);\n geojson6_2 = L.geoJson(mycanada, {style: plus12Style2_2, onEachFeature: onEachFeature6_2}).addTo(map6_2);\n if (geojson6_3) map6_3.removeLayer(geojson6_3);\n geojson6_3 = L.geoJson(mycanada, {style: plus12Style2_3, onEachFeature: onEachFeature6_3}).addTo(map6_3);\n if (geojson6_4) map6_4.removeLayer(geojson6_4);\n geojson6_4 = L.geoJson(mycanada, {style: plus12Style2_4, onEachFeature: onEachFeature6_4}).addTo(map6_4);\n\n}\nfunction show5range (v) {\n d = dates[Number(v)];\n document.getElementById (\"plus5\").innerHTML = d;\n\n num5plus_atleast1dose = \"num5plus_atleast1dose\" + d;\n num5plus_fully = \"num5plus_fully\" + d;\n num5plus_1additional = \"num5plus_1additional\" + d;\n num5plus_2additional = \"num5plus_2additional\" + d;\n prop5plus_atleast1dose = \"prop5plus_atleast1dose\" + d;\n prop5plus_fully = \"prop5plus_fully\" + d;\n prop5plus_1additional = \"prop5plus_1additional\" + d;\n prop5plus_2additional = \"prop5plus_2additional\" + d;\n\n if (geojson7_1) map7_1.removeLayer(geojson7_1);\n geojson7_1 = L.geoJson(mycanada, {style: plus5Style1_1, onEachFeature: onEachFeature7_1}).addTo(map7_1);\n if (geojson7_2) map7_2.removeLayer(geojson7_2);\n geojson7_2 = L.geoJson(mycanada, {style: plus5Style1_2, onEachFeature: onEachFeature7_2}).addTo(map7_2);\n if (geojson7_3) map7_3.removeLayer(geojson7_3);\n geojson7_3 = L.geoJson(mycanada, {style: plus5Style1_3, onEachFeature: onEachFeature7_3}).addTo(map7_3);\n if (geojson7_4) map7_4.removeLayer(geojson7_4);\n geojson7_4 = L.geoJson(mycanada, {style: plus5Style1_4, onEachFeature: onEachFeature7_4}).addTo(map7_4);\n\n if (geojson8_1) map8_1.removeLayer(geojson8_1);\n geojson8_1 = L.geoJson(mycanada, {style: plus5Style2_1, onEachFeature: onEachFeature8_1}).addTo(map8_1);\n if (geojson8_2) map8_2.removeLayer(geojson8_2);\n geojson8_2 = L.geoJson(mycanada, {style: plus5Style2_2, onEachFeature: onEachFeature8_2}).addTo(map8_2);\n if (geojson8_3) map8_3.removeLayer(geojson8_3);\n geojson8_3 = L.geoJson(mycanada, {style: plus5Style2_3, onEachFeature: onEachFeature8_3}).addTo(map8_3);\n if (geojson8_4) map8_4.removeLayer(geojson8_4);\n geojson8_4 = L.geoJson(mycanada, {style: plus5Style2_4, onEachFeature: onEachFeature8_4}).addTo(map8_4);\n\n}\n\n\/* -------------------------- Cards -------------------------- *\/\nfunction setCards () {\n v = [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0];\n province = mycanada.features;\n for (var i=0; i < province.length; i++) {\n item = province[i][\"properties\"][\"Name_EN\"]\n if (document.getElementById(item) && document.getElementById(item).disabled == false && document.getElementById(item).checked) {\n \n dt = dates [mx_r_value];\n\n col = \"num18plus_atleast1dose\" + dt;\n dummy = Number(province[i][\"properties\"][col]);\n if (dummy) { v[0] += dummy; }\n\n col = \"num18plus_fully\" + dt;\n dummy = Number(province[i][\"properties\"][col]);\n if (dummy) { v[1] += dummy; }\n\n col = \"num18plus_1additional\" + dt;\n dummy = Number(province[i][\"properties\"][col]);\n if (dummy) { v[2] += dummy; }\n\n col = \"num18plus_2additional\" + dt;\n dummy = Number(province[i][\"properties\"][col]);\n if (dummy) { v[3] += dummy; }\n\n col = \"num12plus_atleast1dose\" + dt;\n dummy = Number(province[i][\"properties\"][col]);\n if (dummy) { v[4] += dummy; }\n\n col = \"num12plus_fully\" + dt;\n dummy = Number(province[i][\"properties\"][col]);\n if (dummy) { v[5] += dummy; }\n\n col = \"num12plus_1additional\" + dt;\n dummy = Number(province[i][\"properties\"][col]);\n if (dummy) { v[6] += dummy; }\n\n col = \"num12plus_2additional\" + dt;\n dummy = Number(province[i][\"properties\"][col]);\n if (dummy) { v[7] += dummy; }\n\n col = \"num5plus_atleast1dose\" + dt;\n dummy = Number(province[i][\"properties\"][col]);\n if (dummy) { v[8] += dummy; }\n\n col = \"num5plus_fully\" + dt;\n dummy = Number(province[i][\"properties\"][col]);\n if (dummy) { v[9] += dummy; }\n\n col = \"num5plus_1additional\" + dt;\n dummy = Number(province[i][\"properties\"][col]);\n if (dummy) { v[10] += dummy; }\n\n col = \"num5plus_2additional\" + dt;\n dummy = Number(province[i][\"properties\"][col]);\n if (dummy) { v[11] += dummy; }\n\n col = \"numtotal_atleast1dose\" + dt;\n dummy = Number(province[i][\"properties\"][col]);\n if (dummy) { v[12] += dummy; }\n\n col = \"numtotal_fully\" + dt;\n dummy = Number(province[i][\"properties\"][col]);\n if (dummy) { v[13] += dummy; }\n\n col = \"numtotal_1additional\" + dt;\n dummy = Number(province[i][\"properties\"][col]);\n if (dummy) { v[14] += dummy; }\n\n col = \"numtotal_2additional\" + dt;\n dummy = Number(province[i][\"properties\"][col]);\n if (dummy) { v[15] += dummy; }\n }\n }\n \n document.getElementById (\"card1\").innerHTML = Math.floor(v[0]\/1000000).toString()+\"M\";\n document.getElementById (\"card2\").innerHTML = Math.floor(v[1]\/1000000).toString()+\"M\";\n document.getElementById (\"card3\").innerHTML = Math.floor(v[2]\/1000000).toString()+\"M\";\n document.getElementById (\"card4\").innerHTML = Math.floor(v[3]\/1000000).toString()+\"M\";\n\n document.getElementById (\"card5\").innerHTML = Math.floor(v[4]\/1000000).toString()+\"M\";\n document.getElementById (\"card6\").innerHTML = Math.floor(v[5]\/1000000).toString()+\"M\";\n document.getElementById (\"card7\").innerHTML = Math.floor(v[6]\/1000000).toString()+\"M\";\n document.getElementById (\"card8\").innerHTML = Math.floor(v[7]\/1000000).toString()+\"M\";\n\n document.getElementById (\"card9\").innerHTML = Math.floor(v[8]\/1000000).toString()+\"M\";\n document.getElementById (\"card10\").innerHTML = Math.floor(v[9]\/1000000).toString()+\"M\";\n document.getElementById (\"card11\").innerHTML = Math.floor(v[10]\/1000000).toString()+\"M\";\n document.getElementById (\"card12\").innerHTML = Math.floor(v[11]\/1000000).toString()+\"M\";\n\n document.getElementById (\"card13\").innerHTML = Math.floor(v[12]\/1000000).toString()+\"M\";\n document.getElementById (\"card14\").innerHTML = Math.floor(v[13]\/1000000).toString()+\"M\";\n document.getElementById (\"card15\").innerHTML = Math.floor(v[14]\/1000000).toString()+\"M\";\n document.getElementById (\"card16\").innerHTML = Math.floor(v[15]\/1000000).toString()+\"M\";\n}\n\n\/* ------------------------ Pie Charts ------------------------------ *\/\nfunction pieChart () {\n c1_1 = []; c1_2 = []; c1_3 = []; c1_4 = [];\n c2_1 = []; c2_2 = []; c2_3 = []; c2_4 = [];\n c3_1 = []; c3_2 = []; c3_3 = []; c3_4 = [];\n c4_1 = []; c4_2 = []; c4_3 = []; c4_4 = [];\n labels = [];\n province = mycanada.features;\n for (var i=0; i < province.length; i++) {\n item = province[i][\"properties\"][\"Name_EN\"]\n if (document.getElementById(item) && document.getElementById(item).disabled == false && document.getElementById(item).checked) {\n labels.unshift (item);\n c1_1.unshift (0); c1_2.unshift (0); c1_3.unshift (0); c1_4.unshift (0);\n c2_1.unshift (0); c2_2.unshift (0); c2_3.unshift (0); c2_4.unshift (0);\n c3_1.unshift (0); c3_2.unshift (0); c3_3.unshift (0); c3_4.unshift (0);\n c4_1.unshift (0); c4_2.unshift (0); c4_3.unshift (0); c4_4.unshift (0); \n\n dt = dates [mx_r_value];\n \n col = \"num18plus_atleast1dose\" + dt;\n dummy = Number(province[i][\"properties\"][col]);\n if (dummy) { c1_1[0] += dummy; }\n \n col = \"num18plus_fully\" + dt;\n dummy = Number(province[i][\"properties\"][col]);\n if (dummy) { c1_2[0] += dummy; }\n\n col = \"num18plus_1additional\" + dt;\n dummy = Number(province[i][\"properties\"][col]);\n if (dummy) { c1_3[0] += dummy; }\n\n col = \"num18plus_2additional\" + dt;\n dummy = Number(province[i][\"properties\"][col]);\n if (dummy) { c1_4[0] += dummy; }\n\n col = \"num12plus_atleast1dose\" + dt;\n dummy = Number(province[i][\"properties\"][col]);\n if (dummy) { c2_1[0] += dummy; }\n \n col = \"num12plus_fully\" + dt;\n dummy = Number(province[i][\"properties\"][col]);\n if (dummy) { c2_2[0] += dummy; }\n\n col = \"num12plus_1additional\" + dt;\n dummy = Number(province[i][\"properties\"][col]);\n if (dummy) { c2_3[0] += dummy; }\n\n col = \"num12plus_2additional\" + dt;\n dummy = Number(province[i][\"properties\"][col]);\n if (dummy) { c2_4[0] += dummy; }\n\n col = \"num5plus_atleast1dose\" + dt;\n dummy = Number(province[i][\"properties\"][col]);\n if (dummy) { c3_1[0] += dummy; }\n \n col = \"num5plus_fully\" + dt;\n dummy = Number(province[i][\"properties\"][col]);\n if (dummy) { c3_2[0] += dummy; }\n\n col = \"num5plus_1additional\" + dt;\n dummy = Number(province[i][\"properties\"][col]);\n if (dummy) { c3_3[0] += dummy; }\n\n col = \"num5plus_2additional\" + dt;\n dummy = Number(province[i][\"properties\"][col]);\n if (dummy) { c3_4[0] += dummy; }\n\n\n col = \"numtotal_atleast1dose\" + dt;\n dummy = Number(province[i][\"properties\"][col]);\n if (dummy) { c4_1[0] += dummy; }\n \n col = \"numtotal_fully\" + dt;\n dummy = Number(province[i][\"properties\"][col]);\n if (dummy) { c4_2[0] += dummy; }\n\n col = \"numtotal_1additional\" + dt;\n dummy = Number(province[i][\"properties\"][col]);\n if (dummy) { c4_3[0] += dummy; }\n\n col = \"numtotal_2additional\" + dt;\n dummy = Number(province[i][\"properties\"][col]);\n if (dummy) { c4_4[0] += dummy; }\n\n }\n }\n\n var options1_1 = {series: c1_1, chart: { width: 230, type: \"pie\"}, labels: labels, \/\/theme: { monochrome: { enabled: true, color: \"#00CC99\" } }, \n plotOptions: { pie: { dataLabels: { offset: -5 }}}, title: {text: \"1st Dose Vax (18+)\"}, \n dataLabels: { formatter(val, opts) { return [val.toFixed(1) + '%']; }}, legend: { show: false } };\n document.getElementById(\"pie1_1\").innerHTML = \"\"; \n new ApexCharts(document.getElementById(\"pie1_1\"), options1_1).render();\n\n var options1_2 = {series: c1_2, chart: { width: 230, type: \"pie\"}, labels: labels, \/\/theme: { monochrome: { enabled: true, color: \"#00CC99\" } }, \n plotOptions: { pie: { dataLabels: { offset: -5 }}}, title: {text: \"2nd Dose Vax (18+)\"}, \n dataLabels: { formatter(val, opts) { return [val.toFixed(1) + '%']; }}, legend: { show: false } };\n document.getElementById(\"pie1_2\").innerHTML = \"\"; \n new ApexCharts(document.getElementById(\"pie1_2\"), options1_2).render();\n\n var options1_3 = {series: c1_3, chart: { width: 230, type: \"pie\"}, labels: labels, \/\/theme: { monochrome: { enabled: true, color: \"#00CC99\" } }, \n plotOptions: { pie: { dataLabels: { offset: -5 }}}, title: {text: \"3rd Dose Vax (18+)\"}, \n dataLabels: { formatter(val, opts) { return [val.toFixed(1) + '%']; }}, legend: { show: false } };\n document.getElementById(\"pie1_3\").innerHTML = \"\"; \n new ApexCharts(document.getElementById(\"pie1_3\"), options1_3).render();\n\n var options1_4 = {series: c1_4, chart: { width: 350, type: \"pie\"}, labels: labels, \/\/theme: { monochrome: { enabled: true, color: \"#00CC99\" } }, \n title: {text: \"4th Dose Vax (18+)\"}, responsive: [{ breakpoint: 480, options: { chart: { width: 200 }, legend: { position: 'bottom' } }}] }\n document.getElementById(\"pie1_4\").innerHTML = \"\"; \n new ApexCharts(document.getElementById(\"pie1_4\"), options1_4).render();\n\n\n var options2_1 = {series: c2_1, chart: { width: 230, type: \"pie\"}, labels: labels, \/\/theme: { monochrome: { enabled: true, color: \"#00CC99\" } }, \n plotOptions: { pie: { dataLabels: { offset: -5 }}}, title: {text: \"1st Dose Vax (12+)\"}, \n dataLabels: { formatter(val, opts) { return [val.toFixed(1) + '%']; }}, legend: { show: false } };\n document.getElementById(\"pie2_1\").innerHTML = \"\"; \n new ApexCharts(document.getElementById(\"pie2_1\"), options2_1).render();\n\n var options2_2 = {series: c2_2, chart: { width: 230, type: \"pie\"}, labels: labels, \/\/theme: { monochrome: { enabled: true, color: \"#00CC99\" } }, \n plotOptions: { pie: { dataLabels: { offset: -5 }}}, title: {text: \"2nd Dose Vax (12+)\"}, \n dataLabels: { formatter(val, opts) { return [val.toFixed(1) + '%']; }}, legend: { show: false } };\n document.getElementById(\"pie2_2\").innerHTML = \"\"; \n new ApexCharts(document.getElementById(\"pie2_2\"), options2_2).render();\n\n var options2_3 = {series: c2_3, chart: { width: 230, type: \"pie\"}, labels: labels, \/\/theme: { monochrome: { enabled: true, color: \"#00CC99\" } }, \n plotOptions: { pie: { dataLabels: { offset: -5 }}}, title: {text: \"3rd Dose Vax (12+)\"}, \n dataLabels: { formatter(val, opts) { return [val.toFixed(1) + '%']; }}, legend: { show: false } };\n document.getElementById(\"pie2_3\").innerHTML = \"\"; \n new ApexCharts(document.getElementById(\"pie2_3\"), options2_3).render();\n\n var options2_4 = {series: c2_4, chart: { width: 350, type: \"pie\"}, labels: labels, \/\/theme: { monochrome: { enabled: true, color: \"#00CC99\" } }, \n title: {text: \"4th Dose Vax (12+)\"}, responsive: [{ breakpoint: 480, options: { chart: { width: 200 }, legend: { position: 'bottom' } }}] }\n document.getElementById(\"pie2_4\").innerHTML = \"\"; \n new ApexCharts(document.getElementById(\"pie2_4\"), options2_4).render();\n\n\n var options3_1 = {series: c3_1, chart: { width: 230, type: \"pie\"}, labels: labels, \/\/theme: { monochrome: { enabled: true, color: \"#00CC99\" } }, \n plotOptions: { pie: { dataLabels: { offset: -5 }}}, title: {text: \"1st Dose Vax (5+)\"}, \n dataLabels: { formatter(val, opts) { return [val.toFixed(1) + '%']; }}, legend: { show: false } };\n document.getElementById(\"pie3_1\").innerHTML = \"\"; \n new ApexCharts(document.getElementById(\"pie3_1\"), options3_1).render();\n\n var options3_2 = {series: c3_2, chart: { width: 230, type: \"pie\"}, labels: labels, \/\/theme: { monochrome: { enabled: true, color: \"#00CC99\" } }, \n plotOptions: { pie: { dataLabels: { offset: -5 }}}, title: {text: \"2nd Dose Vax (5+)\"}, \n dataLabels: { formatter(val, opts) { return [val.toFixed(1) + '%']; }}, legend: { show: false } };\n document.getElementById(\"pie3_2\").innerHTML = \"\"; \n new ApexCharts(document.getElementById(\"pie3_2\"), options3_2).render();\n\n var options3_3 = {series: c3_3, chart: { width: 230, type: \"pie\"}, labels: labels, \/\/theme: { monochrome: { enabled: true, color: \"#00CC99\" } }, \n plotOptions: { pie: { dataLabels: { offset: -5 }}}, title: {text: \"3rd Dose Vax (5+)\"}, \n dataLabels: { formatter(val, opts) { return [val.toFixed(1) + '%']; }}, legend: { show: false } };\n document.getElementById(\"pie3_3\").innerHTML = \"\"; \n new ApexCharts(document.getElementById(\"pie3_3\"), options3_3).render();\n\n var options3_4 = {series: c3_4, chart: { width: 350, type: \"pie\"}, labels: labels, \/\/theme: { monochrome: { enabled: true, color: \"#00CC99\" } }, \n title: {text: \"4th Dose Vax (5+)\"}, responsive: [{ breakpoint: 480, options: { chart: { width: 200 }, legend: { position: 'bottom' } }}] }\n document.getElementById(\"pie3_4\").innerHTML = \"\"; \n new ApexCharts(document.getElementById(\"pie3_4\"), options3_4).render();\n\n var options4_1 = {series: c4_1, chart: { width: 230, type: \"pie\"}, labels: labels, \/\/theme: { monochrome: { enabled: true, color: \"#00CC99\" } }, \n plotOptions: { pie: { dataLabels: { offset: -5 }}}, title: {text: \"Total 1st Dose Vax\"}, \n dataLabels: { formatter(val, opts) { return [val.toFixed(1) + '%']; }}, legend: { show: false } };\n document.getElementById(\"pie4_1\").innerHTML = \"\"; \n new ApexCharts(document.getElementById(\"pie4_1\"), options4_1).render();\n\n var options4_2 = {series: c4_2, chart: { width: 230, type: \"pie\"}, labels: labels, \/\/theme: { monochrome: { enabled: true, color: \"#00CC99\" } }, \n plotOptions: { pie: { dataLabels: { offset: -5 }}}, title: {text: \"Total 2nd Dose Vax\"}, \n dataLabels: { formatter(val, opts) { return [val.toFixed(1) + '%']; }}, legend: { show: false } };\n document.getElementById(\"pie4_2\").innerHTML = \"\"; \n new ApexCharts(document.getElementById(\"pie4_2\"), options4_2).render();\n\n var options4_3 = {series: c4_3, chart: { width: 230, type: \"pie\"}, labels: labels, \/\/theme: { monochrome: { enabled: true, color: \"#00CC99\" } }, \n plotOptions: { pie: { dataLabels: { offset: -5 }}}, title: {text: \"Total 3rd Dose Vax\"}, \n dataLabels: { formatter(val, opts) { return [val.toFixed(1) + '%']; }}, legend: { show: false } };\n document.getElementById(\"pie4_3\").innerHTML = \"\"; \n new ApexCharts(document.getElementById(\"pie4_3\"), options4_3).render();\n\n var options4_4 = {series: c4_4, chart: { width: 350, type: \"pie\"}, labels: labels, \/\/theme: { monochrome: { enabled: true, color: \"#00CC99\" } }, \n title: {text: \"Total 4th Dose Vax\"}, responsive: [{ breakpoint: 480, options: { chart: { width: 200 }, legend: { position: 'bottom' } }}] }\n document.getElementById(\"pie4_4\").innerHTML = \"\"; \n new ApexCharts(document.getElementById(\"pie4_4\"), options4_4).render();\n}\n\n\/* --------------------- Bar Charts ----------------------------- *\/\nfunction barCharts () {\n dose1 = []; dose2 = []; dose3 = []; dose4 = [];\n agetotal = []; age5 = []; age12 = []; age18 = [];\n category = [];\n\n province = mycanada.features;\n for (var i=0; i < province.length; i++) {\n item = province[i][\"properties\"][\"Name_EN\"]\n if (document.getElementById(item) && document.getElementById(item).disabled == false && document.getElementById(item).checked) {\n category.push (item); \n dt = dates [mx_r_value];\n \n col = \"proptotal_atleast1dose\" + dt;\n dummy = Number(province[i][\"properties\"][col]);\n if (dummy) { age18.push (dummy); dose1.push (dummy); }\n else { age18.push (0); dose1.push (0); }\n\n col = \"proptotal_fully\" + dt;\n dummy = Number(province[i][\"properties\"][col]);\n if (dummy) { dose2.push (dummy); }\n else { dose2.push (0); }\n\n col = \"proptotal_1additional\" + dt;\n dummy = Number(province[i][\"properties\"][col]);\n if (dummy) { dose3.push (dummy); }\n else { dose3.push (0); }\n\n col = \"proptotal_2additional\" + dt;\n dummy = Number(province[i][\"properties\"][col]);\n if (dummy) { dose4.push (dummy); }\n else { dose4.push (0); }\n \n col = \"prop18plus_atleast1dose\" + dt;\n dummy = Number(province[i][\"properties\"][col]);\n if (dummy) agetotal.push (dummy);\n else agetotal.push (0);\n\n col = \"prop12plus_atleast1dose\" + dt;\n dummy = Number(province[i][\"properties\"][col]);\n if (dummy) age5.push (dummy);\n else age5.push (0);\n \n col = \"prop5plus_atleast1dose\" + dt;\n dummy = Number(province[i][\"properties\"][col]);\n if (dummy) age12.push (dummy);\n else age12.push (0);\n \n }\n }\n\n for (var i=0; i < dose4.length; i++) { \n dose1[i] = dose1[i] - dose2[i]; dose2[i] = dose2[i] - dose3[i]; dose3[i] = dose3[i] - dose4[i];\n agetotal[i] = agetotal[i] - age5[i]; age5[i] = age5[i] - age12[i]; age12[i] = age12[i] - age18[i];\n }\n \n var ageOptions = { series: [{ name: \"Total Vax (18+)\", data: age18 }, { name: \"Total Vax (12+)\", data: age12 }, \n { name: \"Total Vax (5+)\", data: age5 }, { name: \"Total Vax (All Ages)\", data: agetotal }], chart: { type: 'bar', height: 450,\n stacked: true }, plotOptions: { bar: { horizontal: true, dataLabels: { total: { enabled: true, offsetX: 0, style: {\n fontSize: '13px', fontWeight: 900 }}}},}, stroke: { width: 1, colors: ['#fff'] }, title: { text: 'Vaccination Based on Age' },\n xaxis: { categories: category, labels: { formatter: function (val) { return val + \"%\" }}},\n yaxis: { title: { text: undefined },}, tooltip: { y: { formatter: function (val) { return val + \"%\" }}},\n fill: { opacity: 1 }, legend: { position: 'top', horizontalAlign: 'left', offsetX: 40 }}\n document.getElementById(\"agebar\").innerHTML = \"\"; \n new ApexCharts(document.getElementById(\"agebar\"), ageOptions).render();\n\n var doseOptions = { series: [{ name: \"Total 4th Dose Vax\", data: dose4 }, { name: \"Total 3rd Dose Vax\", data: dose3 }, \n { name: \"Total 2nd Dose Vax\", data: dose2 }, { name: \"Total 1st Dose Vax\", data: dose1 }], chart: { type: 'bar', height: 450,\n stacked: true }, plotOptions: { bar: { horizontal: true, dataLabels: { total: { enabled: true, offsetX: 0, style: {\n fontSize: '13px', fontWeight: 900 }}}},}, stroke: { width: 1, colors: ['#fff'] }, title: { text: 'Vaccination Doses' },\n xaxis: { categories: category, labels: { formatter: function (val) { return val + \"%\" }}},\n yaxis: { title: { text: undefined },}, tooltip: { y: { formatter: function (val) { return val + \"%\" }}},\n fill: { opacity: 1 }, legend: { position: 'top', horizontalAlign: 'left', offsetX: 40 }}\n document.getElementById(\"dosebar\").innerHTML = \"\"; \n new ApexCharts(document.getElementById(\"dosebar\"), doseOptions).render();\n}\n\n\/* ----------------------- Line Charts -------------------------- *\/\nfunction lineCharts () {\n s1_1 = []; s1_2 = []; s1_3 = []; s1_4 = []; s2_1 = []; s2_2 = []; s2_3 = []; s2_4 = []; s3_1 = []; s3_2 = []; s3_3 = []; s3_4 = [];\n s4_1 = []; s4_2 = []; s4_3 = []; s4_4 = [];\n province = mycanada.features;\n for (var i=0; i < province.length; i++) {\n item = province[i][\"properties\"][\"Name_EN\"]; \n if (document.getElementById(item) && document.getElementById(item).disabled == false && document.getElementById(item).checked) {\n dummy1_1 = {name: province[i][\"properties\"][\"Name_EN\"]}; dummy1_2 = {name: province[i][\"properties\"][\"Name_EN\"]};\n dummy1_3 = {name: province[i][\"properties\"][\"Name_EN\"]}; dummy1_4 = {name: province[i][\"properties\"][\"Name_EN\"]};\n dummy2_1 = {name: province[i][\"properties\"][\"Name_EN\"]}; dummy2_2 = {name: province[i][\"properties\"][\"Name_EN\"]};\n dummy2_3 = {name: province[i][\"properties\"][\"Name_EN\"]}; dummy2_4 = {name: province[i][\"properties\"][\"Name_EN\"]};\n dummy3_1 = {name: province[i][\"properties\"][\"Name_EN\"]}; dummy3_2 = {name: province[i][\"properties\"][\"Name_EN\"]};\n dummy3_3 = {name: province[i][\"properties\"][\"Name_EN\"]}; dummy3_4 = {name: province[i][\"properties\"][\"Name_EN\"]};\n dummy4_1 = {name: province[i][\"properties\"][\"Name_EN\"]}; dummy4_2 = {name: province[i][\"properties\"][\"Name_EN\"]};\n dummy4_3 = {name: province[i][\"properties\"][\"Name_EN\"]}; dummy4_4 = {name: province[i][\"properties\"][\"Name_EN\"]}; \n\n data1_1 = []; data1_2 = []; data1_3 = []; data1_4 = []; data2_1 = []; data2_2 = []; data2_3 = []; data2_4 = []; data3_1 = []; data3_2 = [];\n data3_3 = []; data3_4 = []; data4_1 = []; data4_2 = []; data4_3 = []; data4_4 = [];\n \n for (var j=0; j <= Number(mx_r_value); j++) {\n dt = dates[j];\n\n col = \"prop18plus_atleast1dose\" + dt;\n data1_1.push ( Number (province[i][\"properties\"][col]) ) \n col = \"prop18plus_fully\" + dt;\n data1_2.push ( Number (province[i][\"properties\"][col]) )\n col = \"prop18plus_1additional\" + dt;\n data1_3.push ( Number (province[i][\"properties\"][col]) )\n col = \"prop18plus_2additional\" + dt;\n data1_4.push ( Number (province[i][\"properties\"][col]) )\n\n col = \"prop12plus_atleast1dose\" + dt;\n data2_1.push ( Number (province[i][\"properties\"][col]) ) \n col = \"prop12plus_fully\" + dt;\n data2_2.push ( Number (province[i][\"properties\"][col]) )\n col = \"prop12plus_1additional\" + dt;\n data2_3.push ( Number (province[i][\"properties\"][col]) )\n col = \"prop12plus_2additional\" + dt;\n data2_4.push ( Number (province[i][\"properties\"][col]) )\n\n col = \"prop5plus_atleast1dose\" + dt;\n data3_1.push ( Number (province[i][\"properties\"][col]) ) \n col = \"prop5plus_fully\" + dt;\n data3_2.push ( Number (province[i][\"properties\"][col]) )\n col = \"prop5plus_1additional\" + dt;\n data3_3.push ( Number (province[i][\"properties\"][col]) )\n col = \"prop5plus_2additional\" + dt;\n data3_4.push ( Number (province[i][\"properties\"][col]) )\n\n col = \"proptotal_atleast1dose\" + dt;\n data4_1.push ( Number (province[i][\"properties\"][col]) ) \n col = \"proptotal_fully\" + dt;\n data4_2.push ( Number (province[i][\"properties\"][col]) )\n col = \"proptotal_1additional\" + dt;\n data4_3.push ( Number (province[i][\"properties\"][col]) )\n col = \"proptotal_2additional\" + dt;\n data4_4.push ( Number (province[i][\"properties\"][col]) ) \n }\n dummy1_1[\"data\"] = data1_1; s1_1.push(dummy1_1);\n dummy1_2[\"data\"] = data1_2; s1_2.push(dummy1_2);\n dummy1_3[\"data\"] = data1_3; s1_3.push(dummy1_3);\n dummy1_4[\"data\"] = data1_4; s1_4.push(dummy1_4);\n\n dummy2_1[\"data\"] = data2_1; s2_1.push(dummy2_1);\n dummy2_2[\"data\"] = data2_2; s2_2.push(dummy2_2);\n dummy2_3[\"data\"] = data2_3; s2_3.push(dummy2_3);\n dummy2_4[\"data\"] = data2_4; s2_4.push(dummy2_4);\n\n dummy3_1[\"data\"] = data3_1; s3_1.push(dummy3_1);\n dummy3_2[\"data\"] = data3_2; s3_2.push(dummy3_2);\n dummy3_3[\"data\"] = data3_3; s3_3.push(dummy3_3);\n dummy3_4[\"data\"] = data3_4; s3_4.push(dummy3_4);\n\n dummy4_1[\"data\"] = data4_1; s4_1.push(dummy4_1);\n dummy4_2[\"data\"] = data4_2; s4_2.push(dummy4_2);\n dummy4_3[\"data\"] = data4_3; s4_3.push(dummy4_3);\n dummy4_4[\"data\"] = data4_4; s4_4.push(dummy4_4);\n }\n }\n var options1_1 = {series: s4_1, chart: {height: 420, type: \"area\", animations: {enabled: false}, dynamicAnimation: {enabled: false}}, \n yaxis: [{labels: {formatter: function(val) {return val.toFixed(4);}}}],\n title: {text: '1st Dose Vax in % (All Ages)', align: 'left'}, \n dataLabels: {enabled: false}, stroke: {width: 2}, xaxis: {categories: dates}, };\n document.getElementById(\"chart1_1\").innerHTML = \"\"; \n new ApexCharts(document.getElementById(\"chart1_1\"), options1_1).render();\n\n var options1_2 = {series: s4_2, chart: {height: 420, type: \"area\", animations: {enabled: false}, dynamicAnimation: {enabled: false}}, \n yaxis: [{labels: {formatter: function(val) {return val.toFixed(4);}}}],\n title: {text: '2nd Dose Vax in % (All Ages)', align: 'left'}, \n dataLabels: {enabled: false}, stroke: {width: 2}, xaxis: {categories: dates}, };\n document.getElementById(\"chart1_2\").innerHTML = \"\"; \n new ApexCharts(document.getElementById(\"chart1_2\"), options1_2).render();\n\n var options1_3 = {series: s4_3, chart: {height: 420, type: \"area\", animations: {enabled: false}, dynamicAnimation: {enabled: false}}, \n yaxis: [{labels: {formatter: function(val) {return val.toFixed(4);}}}],\n title: {text: '3rd Dose Vax in % (All Ages)', align: 'left'}, \n dataLabels: {enabled: false}, stroke: {width: 2}, xaxis: {categories: dates}, };\n document.getElementById(\"chart1_3\").innerHTML = \"\"; \n new ApexCharts(document.getElementById(\"chart1_3\"), options1_3).render();\n\n var options1_4 = {series: s4_4, chart: {height: 420, type: \"area\", animations: {enabled: false}, dynamicAnimation: {enabled: false}}, \n yaxis: [{labels: {formatter: function(val) {return val.toFixed(4);}}}],\n title: {text: '2nd Dose Vax in % (All Ages)', align: 'left'}, \n dataLabels: {enabled: false}, stroke: {width: 2}, xaxis: {categories: dates}, };\n document.getElementById(\"chart1_4\").innerHTML = \"\"; \n new ApexCharts(document.getElementById(\"chart1_4\"), options1_4).render();\n\n\/\/----------------------------\n var options2_1 = {series: s3_1, chart: {height: 420, type: \"area\", animations: {enabled: false}, dynamicAnimation: {enabled: false}}, \n yaxis: [{labels: {formatter: function(val) {return val.toFixed(4);}}}],\n title: {text: '1st Dose Vax in % (18+)', align: 'left'}, \n dataLabels: {enabled: false}, stroke: {width: 2}, xaxis: {categories: dates}, };\n document.getElementById(\"chart2_1\").innerHTML = \"\"; \n new ApexCharts(document.getElementById(\"chart2_1\"), options2_1).render();\n\n var options2_2 = {series: s3_2, chart: {height: 420, type: \"area\", animations: {enabled: false}, dynamicAnimation: {enabled: false}}, \n yaxis: [{labels: {formatter: function(val) {return val.toFixed(4);}}}],\n title: {text: '2nd Dose Vax in % (18+)', align: 'left'}, \n dataLabels: {enabled: false}, stroke: {width: 2}, xaxis: {categories: dates}, };\n document.getElementById(\"chart2_2\").innerHTML = \"\"; \n new ApexCharts(document.getElementById(\"chart2_2\"), options2_2).render();\n\n var options2_3 = {series: s3_3, chart: {height: 420, type: \"area\", animations: {enabled: false}, dynamicAnimation: {enabled: false}}, \n yaxis: [{labels: {formatter: function(val) {return val.toFixed(4);}}}],\n title: {text: '3rd Dose Vax in % (18+)', align: 'left'}, \n dataLabels: {enabled: false}, stroke: {width: 2}, xaxis: {categories: dates}, };\n document.getElementById(\"chart2_3\").innerHTML = \"\"; \n new ApexCharts(document.getElementById(\"chart2_3\"), options2_3).render();\n\n var options2_4 = {series: s3_4, chart: {height: 420, type: \"area\", animations: {enabled: false}, dynamicAnimation: {enabled: false}}, \n yaxis: [{labels: {formatter: function(val) {return val.toFixed(4);}}}],\n title: {text: '2nd Dose Vax in % (18+)', align: 'left'}, \n dataLabels: {enabled: false}, stroke: {width: 2}, xaxis: {categories: dates}, };\n document.getElementById(\"chart2_4\").innerHTML = \"\"; \n new ApexCharts(document.getElementById(\"chart2_4\"), options2_4).render();\n\n\/\/---------------------------\n var options3_1 = {series: s2_1, chart: {height: 420, type: \"area\", animations: {enabled: false}, dynamicAnimation: {enabled: false}}, \n yaxis: [{labels: {formatter: function(val) {return val.toFixed(4);}}}],\n title: {text: '1st Dose Vax in % (12+)', align: 'left'}, \n dataLabels: {enabled: false}, stroke: {width: 2}, xaxis: {categories: dates}, };\n document.getElementById(\"chart3_1\").innerHTML = \"\"; \n new ApexCharts(document.getElementById(\"chart3_1\"), options3_1).render();\n\n var options3_2 = {series: s2_2, chart: {height: 420, type: \"area\", animations: {enabled: false}, dynamicAnimation: {enabled: false}}, \n yaxis: [{labels: {formatter: function(val) {return val.toFixed(4);}}}],\n title: {text: '2nd Dose Vax in % (12+)', align: 'left'}, \n dataLabels: {enabled: false}, stroke: {width: 2}, xaxis: {categories: dates}, };\n document.getElementById(\"chart3_2\").innerHTML = \"\"; \n new ApexCharts(document.getElementById(\"chart3_2\"), options3_2).render();\n\n var options3_3 = {series: s2_3, chart: {height: 420, type: \"area\", animations: {enabled: false}, dynamicAnimation: {enabled: false}}, \n yaxis: [{labels: {formatter: function(val) {return val.toFixed(4);}}}],\n title: {text: '3rd Dose Vax in % (12+)', align: 'left'}, \n dataLabels: {enabled: false}, stroke: {width: 2}, xaxis: {categories: dates}, };\n document.getElementById(\"chart3_3\").innerHTML = \"\"; \n new ApexCharts(document.getElementById(\"chart3_3\"), options3_3).render();\n\n var options3_4 = {series: s2_4, chart: {height: 420, type: \"area\", animations: {enabled: false}, dynamicAnimation: {enabled: false}}, \n yaxis: [{labels: {formatter: function(val) {return val.toFixed(4);}}}],\n title: {text: '2nd Dose Vax in % (12+)', align: 'left'}, \n dataLabels: {enabled: false}, stroke: {width: 2}, xaxis: {categories: dates}, };\n document.getElementById(\"chart3_4\").innerHTML = \"\"; \n new ApexCharts(document.getElementById(\"chart3_4\"), options3_4).render();\n\n\/\/-----------------------------\n var options4_1 = {series: s1_1, chart: {height: 420, type: \"area\", animations: {enabled: false}, dynamicAnimation: {enabled: false}}, \n yaxis: [{labels: {formatter: function(val) {return val.toFixed(4);}}}],\n title: {text: '1st Dose Vax in % (5+)', align: 'left'}, \n dataLabels: {enabled: false}, stroke: {width: 2}, xaxis: {categories: dates}, };\n document.getElementById(\"chart4_1\").innerHTML = \"\"; \n new ApexCharts(document.getElementById(\"chart4_1\"), options4_1).render();\n\n var options4_2 = {series: s1_2, chart: {height: 420, type: \"area\", animations: {enabled: false}, dynamicAnimation: {enabled: false}}, \n yaxis: [{labels: {formatter: function(val) {return val.toFixed(4);}}}],\n title: {text: '2nd Dose Vax in % (5+)', align: 'left'}, \n dataLabels: {enabled: false}, stroke: {width: 2}, xaxis: {categories: dates}, };\n document.getElementById(\"chart4_2\").innerHTML = \"\"; \n new ApexCharts(document.getElementById(\"chart4_2\"), options4_2).render();\n\n var options4_3 = {series: s1_3, chart: {height: 420, type: \"area\", animations: {enabled: false}, dynamicAnimation: {enabled: false}}, \n yaxis: [{labels: {formatter: function(val) {return val.toFixed(4);}}}],\n title: {text: '3rd Dose Vax in % (5+)', align: 'left'}, \n dataLabels: {enabled: false}, stroke: {width: 2}, xaxis: {categories: dates}, };\n document.getElementById(\"chart4_3\").innerHTML = \"\"; \n new ApexCharts(document.getElementById(\"chart4_3\"), options4_3).render();\n\n var options4_4 = {series: s1_4, chart: {height: 420, type: \"area\", animations: {enabled: false}, dynamicAnimation: {enabled: false}}, \n yaxis: [{labels: {formatter: function(val) {return val.toFixed(4);}}}],\n title: {text: '2nd Dose Vax in % (5+)', align: 'left'}, \n dataLabels: {enabled: false}, stroke: {width: 2}, xaxis: {categories: dates}, };\n document.getElementById(\"chart4_4\").innerHTML = \"\"; \n new ApexCharts(document.getElementById(\"chart4_4\"), options4_4).render();\n\n\n\n\n}\n\n\/* ----------------------------------- *\/\nfunction radioClick(id) {\n setCards ();\n pieChart ();\n barCharts ();\n lineCharts ();\n}\n\n\/* ~~~~~~~~~~~~~~~~~~~~~~~~~~ Citation ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ *\/\nfunction cite() { \n message = \"Please kindly cite our work and the underlying data source:<br> 1. ZM Nia, JD Kong, COVID-19 Vaccination in Canada (2023) http:\/\/acadic.org\/covid-19-vaccination-in-canada<br> 2. Government of Canada. COVID-19 vaccination in Canada, 2023, https:\/\/health-infobase.canada.ca\/covid-19\/vaccination-coverage\";\n $('<div><\/div>').html( message ).dialog({ title: \"How to Cite\", resizable: false, modal: true, width: 800, \n buttons: { 'Ok': function() { $( this ).dialog( 'close' ); }} }); \n}\n\nfunction download(id) { window.URL.revokeObjectURL (document.getElementById (id).href); }\n<\/script>\n<\/head>\n\n<style>\n\nbody { font: 11pt Helvetica;} \n.checkb {\n padding: 10px; \n padding-left: 0px; \n padding-right: 0px;\n font-size: 9pt;\n}\n.info {\n padding: 6px 8px;\n font: 14px\/16px Arial, Helvetica, sans-serif;\n background: white;\n background: rgba(255,255,255,0.8);\n box-shadow: 0 0 15px rgba(0,0,0,0.2);\n border-radius: 5px;\n}\n.info h4 {\n margin: 0 0 5px;\n color: #777;\n}\n.legend {\n padding: 5% 8px;\n font: 14px\/16px Arial, Helvetica, sans-serif;\n line-height: 18px;\n color: #555;\n}\n.legend i {\n width: 18px;\n height: 18px;\n float: left;\n margin-right: 8px;\n opacity: 0.7;\n}\n.ui-widget-header {\n padding: 1%;\n padding-left: 8%;\n background: #DDD;\n font-size: 20px;\n}\n.ui-dialog-content {\n padding-top: 2%;\n padding-bottom: 4%;\n padding-left: 4%;\n}\n.ui-dialog { \n background: white;\n border: 2px solid #000;\n border-radius: 5px;\n z-index: 1000000 !important;\n}\n.ui-dialog-titlebar-close {\n visibility: hidden;\n}\n.ui-dialog-buttonset {\n margin-left: 88%;\n margin-bottom: 2%;\n}\n<\/style>\n\n<body>\n<script>\nnullProvinces = []; \/\/for disabling checkboxes\ndates = [\"2020-12-19\"]; \/\/ for the ranges and the charts\nmx_r_value = 0; \/\/This is to set the maximum of range blocks\n\/\/ These variables are used for map colors.\nmxtotal = 0;\nmxtotalp = 0;\nmxover18 = 0;\nmxover18p = 0;\nmxover12 = 0;\nmxover12p = 0;\nmxover5 = 0;\nmxover5p = 0;\n\/\/ And the variables for the initial range value\nvar numtotal_atleast1dose; var numtotal_fully; var numtotal_1additional; var numtotal_2additional;\nvar proptotal_atleast1dose; var proptotal_fully; var proptotal_1additional; var proptotal_2additional;\nvar num18plus_atleast1dose; var num18plus_fully; var num18plus_1additional; var num18plus_2additional;\nvar prop18plus_atleast1dose; var prop18plus_fully; var prop18plus_1additional; var prop18plus_2additional;\nvar num12plus_atleast1dose; var num12plus_fully; var num12plus_1additional; var num12plus_2additional;\nvar prop12plus_atleast1dose; var prop12plus_fully; var prop12plus_1additional; var prop12plus_2additional;\nvar num5plus_atleast1dose; var num5plus_fully; var num5plus_1additional; var num5plus_2additional;\nvar prop5plus_atleast1dose; var prop5plus_fully; var prop5plus_1additional; var prop5plus_2additional;\n\nfor (var i=mycanada[\"features\"].length-1; i>=0; i--) {\n province = mycanada[\"features\"][i][\"properties\"][\"Name_EN\"];\n b = 0;\n r_value = 0;\n\n \/\/ All the values are cumulative. I'm defining these values to keep the previous values.\n prev1_1 = 0; prev1_2 = 0; prev1_3 = 0; prev1_4 = 0;\n prev2_1 = 0; prev2_2 = 0; prev2_3 = 0; prev2_4 = 0;\n prev3_1 = 0; prev3_2 = 0; prev3_3 = 0; prev3_4 = 0;\n prev4_1 = 0; prev4_2 = 0; prev4_3 = 0; prev4_4 = 0;\n prev5_1 = 0; prev5_2 = 0; prev5_3 = 0; prev5_4 = 0;\n prev6_1 = 0; prev6_2 = 0; prev6_3 = 0; prev6_4 = 0;\n prev7_1 = 0; prev7_2 = 0; prev7_3 = 0; prev7_4 = 0;\n prev8_1 = 0; prev8_2 = 0; prev8_3 = 0; prev8_4 = 0;\n\n for (var j=0; j<mycanadavax.length; j++) {\n if (mycanadavax[j][\"Province\"] == province) {\n r_value++;\n if (r_value > mx_r_value) mx_r_value = r_value;\n d = mycanadavax[j][\"Date\"];\n if (dates.includes(d) == false) dates.push (d);\n\n b = 1;\n field = \"numtotal_atleast1dose\" + mycanadavax[j][\"Date\"];\n if (Number(mycanadavax[j][\"numtotal_atleast1dose\"]) > prev1_1) prev1_1 = Number( mycanadavax[j][\"numtotal_atleast1dose\"] );\n mycanada[\"features\"][i][\"properties\"][field] = prev1_1; \n if (prev1_1 > mxtotal) mxtotal = prev1_1;\n\n field = \"numtotal_fully\" + mycanadavax[j][\"Date\"];\n if ( Number( mycanadavax[j][\"numtotal_fully\"] ) > prev1_2 ) prev1_2 = Number( mycanadavax[j][\"numtotal_fully\"] );\n mycanada[\"features\"][i][\"properties\"][field] = prev1_2;\n if (prev1_2 > mxtotal) mxtotal = prev1_2; \n\n field = \"numtotal_1additional\" + mycanadavax[j][\"Date\"];\n if ( Number( mycanadavax[j][\"numtotal_1additional\"] ) > prev1_3 ) prev1_3 = Number( mycanadavax[j][\"numtotal_1additional\"] );\n mycanada[\"features\"][i][\"properties\"][field] = prev1_3; \n if (prev1_3 > mxtotal) mxtotal = prev1_3;\n\n field = \"numtotal_2additional\" + mycanadavax[j][\"Date\"];\n if ( Number( mycanadavax[j][\"numtotal_2additional\"] ) > prev1_4 ) prev1_4 = Number( mycanadavax[j][\"numtotal_2additional\"] );\n mycanada[\"features\"][i][\"properties\"][field] = prev1_4;\n if (prev1_4 > mxtotal) mxtotal = prev1_4;\n \n\/\/-------------------------------\n field = \"proptotal_atleast1dose\" + mycanadavax[j][\"Date\"];\n if ( Number( mycanadavax[j][\"proptotal_atleast1dose\"] ) > prev2_1 ) prev2_1 = Number( mycanadavax[j][\"proptotal_atleast1dose\"] );\n mycanada[\"features\"][i][\"properties\"][field] = prev2_1;\n if (prev2_1 > mxtotalp) mxtotalp = prev2_1;\n\n field = \"proptotal_fully\" + mycanadavax[j][\"Date\"];\n if ( Number( mycanadavax[j][\"proptotal_fully\"] ) > prev2_2 ) prev2_2 = Number( mycanadavax[j][\"proptotal_fully\"] );\n mycanada[\"features\"][i][\"properties\"][field] = prev2_2;\n if (prev2_2 > mxtotalp) mxtotalp = prev2_2; \n\n field = \"proptotal_1additional\" + mycanadavax[j][\"Date\"];\n if ( Number( mycanadavax[j][\"proptotal_1additional\"] ) > prev2_3) prev2_3 = Number( mycanadavax[j][\"proptotal_1additional\"] );\n mycanada[\"features\"][i][\"properties\"][field] = prev2_3; \n if (prev2_3 > mxtotalp) mxtotalp = prev2_3;\n\n field = \"proptotal_2additional\" + mycanadavax[j][\"Date\"];\n if ( Number( mycanadavax[j][\"proptotal_2additional\"] ) > prev2_4 ) prev2_4 = Number( mycanadavax[j][\"proptotal_2additional\"] );\n mycanada[\"features\"][i][\"properties\"][field] = prev2_4;\n if (prev2_4 > mxtotalp) mxtotalp = prev2_4;\n \n\/\/----------------------\n field = \"num18plus_atleast1dose\" + mycanadavax[j][\"Date\"];\n if ( Number( mycanadavax[j][\"num18plus_atleast1dose\"] ) > prev3_1 ) prev3_1 = Number( mycanadavax[j][\"num18plus_atleast1dose\"] );\n mycanada[\"features\"][i][\"properties\"][field] = prev3_1;\n if (prev3_1 > mxover18) mxover18 = prev3_1;\n\n field = \"num18plus_fully\" + mycanadavax[j][\"Date\"];\n if ( Number( mycanadavax[j][\"num18plus_fully\"] ) > prev3_2 ) prev3_2 = Number( mycanadavax[j][\"num18plus_fully\"] );\n mycanada[\"features\"][i][\"properties\"][field] = prev3_2;\n if (prev3_2 > mxover18) mxover18 = prev3_2; \n\n field = \"num18plus_1additional\" + mycanadavax[j][\"Date\"];\n if ( Number( mycanadavax[j][\"num18plus_1additional\"] ) > prev3_3 ) prev3_3 = Number( mycanadavax[j][\"num18plus_1additional\"] );\n mycanada[\"features\"][i][\"properties\"][field] = prev3_3; \n if (prev3_3 > mxover18) mxover18 = prev3_3;\n\n field = \"num18plus_2additional\" + mycanadavax[j][\"Date\"];\n if ( Number( mycanadavax[j][\"num18plus_2additional\"] ) > prev3_4 ) prev3_4 = Number( mycanadavax[j][\"num18plus_2additional\"] );\n mycanada[\"features\"][i][\"properties\"][field] = prev3_4;\n if (prev3_4 > mxover18) mxover18 = prev3_4;\n\n\n\/\/--------------------\n field = \"prop18plus_atleast1dose\" + mycanadavax[j][\"Date\"];\n if ( Number( mycanadavax[j][\"prop18plus_atleast1dose\"] ) > prev4_1 ) prev4_1 = Number( mycanadavax[j][\"prop18plus_atleast1dose\"] );\n mycanada[\"features\"][i][\"properties\"][field] = prev4_1;\n if (prev4_1 > mxover18p) mxover18p = prev4_1;\n\n field = \"prop18plus_fully\" + mycanadavax[j][\"Date\"];\n if ( Number( mycanadavax[j][\"prop18plus_fully\"] ) > prev4_2 ) prev4_2 = Number( mycanadavax[j][\"prop18plus_fully\"] );\n mycanada[\"features\"][i][\"properties\"][field] = prev4_2;\n if (prev4_2 > mxover18p) mxover18p = prev4_2; \n\n field = \"prop18plus_1additional\" + mycanadavax[j][\"Date\"];\n if ( Number( mycanadavax[j][\"prop18plus_1additional\"] ) > prev4_3 ) prev4_3 = Number( mycanadavax[j][\"prop18plus_1additional\"] );\n mycanada[\"features\"][i][\"properties\"][field] = prev4_3; \n if (prev4_3 > mxover18p) mxover18p = prev4_3;\n\n field = \"prop18plus_2additional\" + mycanadavax[j][\"Date\"];\n if ( Number( mycanadavax[j][\"prop18plus_2additional\"] ) > prev4_4 ) prev4_4 = Number( mycanadavax[j][\"prop18plus_2additional\"] );\n mycanada[\"features\"][i][\"properties\"][field] = prev4_4;\n if (prev4_4 > mxover18p) mxover18p = prev4_4;\n\n\/\/-----------------------\n field = \"num12plus_atleast1dose\" + mycanadavax[j][\"Date\"];\n if ( Number( mycanadavax[j][\"num12plus_atleast1dose\"] ) > prev5_1 ) prev5_1 = Number( mycanadavax[j][\"num12plus_atleast1dose\"] );\n mycanada[\"features\"][i][\"properties\"][field] = prev5_1;\n if (prev5_1 > mxover12) mxover12 = prev5_1;\n\n field = \"num12plus_fully\" + mycanadavax[j][\"Date\"];\n if ( Number( mycanadavax[j][\"num12plus_fully\"] ) > prev5_2 ) prev5_2 = Number( mycanadavax[j][\"num12plus_fully\"] );\n mycanada[\"features\"][i][\"properties\"][field] = prev5_2;\n if (prev5_2 > mxover12) mxover12 = prev5_2; \n\n field = \"num12plus_1additional\" + mycanadavax[j][\"Date\"];\n if ( Number( mycanadavax[j][\"num12plus_1additional\"] ) > prev5_3 ) prev5_3 = Number( mycanadavax[j][\"num12plus_1additional\"] );\n mycanada[\"features\"][i][\"properties\"][field] = prev5_3; \n if (prev5_3 > mxover12) mxover12 = prev5_3;\n\n field = \"num12plus_2additional\" + mycanadavax[j][\"Date\"];\n if ( Number( mycanadavax[j][\"num12plus_2additional\"] ) > prev5_4 ) prev5_4 = Number( mycanadavax[j][\"num12plus_2additional\"] );\n mycanada[\"features\"][i][\"properties\"][field] = prev5_4;\n if (prev5_4 > mxover12) mxover12 = prev5_4;\n\n\/\/------------------------------\n field = \"prop12plus_atleast1dose\" + mycanadavax[j][\"Date\"];\n if ( Number( mycanadavax[j][\"prop12plus_atleast1dose\"] ) > prev6_1 ) prev6_1 = Number( mycanadavax[j][\"prop12plus_atleast1dose\"] );\n mycanada[\"features\"][i][\"properties\"][field] = prev6_1;\n if (prev6_1 > mxover12p) mxover12p = prev6_1;\n\n field = \"prop12plus_fully\" + mycanadavax[j][\"Date\"];\n if ( Number( mycanadavax[j][\"prop12plus_fully\"] ) > prev6_2 ) prev6_2 = Number( mycanadavax[j][\"prop12plus_fully\"] );\n mycanada[\"features\"][i][\"properties\"][field] = prev6_2;\n if (prev6_2 > mxover12p) mxover12p = prev6_2; \n\n field = \"prop12plus_1additional\" + mycanadavax[j][\"Date\"];\n if ( Number( mycanadavax[j][\"prop12plus_1additional\"] ) > prev6_3 ) prev6_3 = Number( mycanadavax[j][\"prop12plus_1additional\"] );\n mycanada[\"features\"][i][\"properties\"][field] = prev6_3; \n if (prev6_3 > mxover12p) mxover12p = prev6_3;\n\n field = \"prop12plus_2additional\" + mycanadavax[j][\"Date\"];\n if ( Number( mycanadavax[j][\"prop12plus_2additional\"] ) > prev6_4 ) prev6_4 = Number( mycanadavax[j][\"prop12plus_2additional\"] );\n mycanada[\"features\"][i][\"properties\"][field] = prev6_4;\n if (prev6_4 > mxover12p) mxover12p = prev6_4;\n\n\/\/-------------------------------\n field = \"num5plus_atleast1dose\" + mycanadavax[j][\"Date\"];\n if ( Number( mycanadavax[j][\"num5plus_atleast1dose\"] ) > prev7_1 ) prev7_1 = Number( mycanadavax[j][\"num5plus_atleast1dose\"] );\n mycanada[\"features\"][i][\"properties\"][field] = prev7_1;\n if (prev7_1 > mxover5) mxover5 = prev7_1;\n\n field = \"num5plus_fully\" + mycanadavax[j][\"Date\"];\n if ( Number( mycanadavax[j][\"num5plus_fully\"] ) > prev7_2 ) prev7_2 = Number( mycanadavax[j][\"num5plus_fully\"] );\n mycanada[\"features\"][i][\"properties\"][field] = prev7_2;\n if (prev7_2 > mxover5) mxover5 = prev7_2; \n\n field = \"num5plus_1additional\" + mycanadavax[j][\"Date\"];\n if ( Number( mycanadavax[j][\"num5plus_1additional\"] ) > prev7_3 ) prev7_3 = Number( mycanadavax[j][\"num5plus_1additional\"] );\n mycanada[\"features\"][i][\"properties\"][field] = prev7_3; \n if (prev7_3 > mxover5) mxover5 = prev7_3;\n\n field = \"num5plus_2additional\" + mycanadavax[j][\"Date\"];\n if ( Number( mycanadavax[j][\"num5plus_2additional\"] ) > prev7_4 ) prev7_4 = Number( mycanadavax[j][\"num5plus_2additional\"] );\n mycanada[\"features\"][i][\"properties\"][field] = prev7_4;\n if (prev7_4 > mxover5) mxover5 = prev7_4;\n\n\/\/-------------------------------\n field = \"prop5plus_atleast1dose\" + mycanadavax[j][\"Date\"];\n if ( Number( mycanadavax[j][\"prop5plus_atleast1dose\"] ) > prev8_1 ) prev8_1 = Number( mycanadavax[j][\"prop5plus_atleast1dose\"] );\n mycanada[\"features\"][i][\"properties\"][field] = prev8_1;\n if (prev8_1 > mxover5p) mxover5p = prev8_1;\n\n field = \"prop5plus_fully\" + mycanadavax[j][\"Date\"];\n if ( Number( mycanadavax[j][\"prop5plus_fully\"] ) > prev8_2 ) prev8_2 = Number( mycanadavax[j][\"prop5plus_fully\"] );\n mycanada[\"features\"][i][\"properties\"][field] = prev8_2;\n if (prev8_2 > mxover5p) mxover5p = prev8_2; \n\n field = \"prop5plus_1additional\" + mycanadavax[j][\"Date\"];\n if ( Number( mycanadavax[j][\"prop5plus_1additional\"] ) > prev8_3 ) prev8_3 = Number( mycanadavax[j][\"prop5plus_1additional\"] );\n mycanada[\"features\"][i][\"properties\"][field] = prev8_3; \n if (prev8_3 > mxover5p) mxover5p = prev8_3;\n\n field = \"prop5plus_2additional\" + mycanadavax[j][\"Date\"];\n if ( Number( mycanadavax[j][\"prop5plus_2additional\"] ) > prev8_4 ) prev8_4 = Number( mycanadavax[j][\"prop5plus_2additional\"] );\n mycanada[\"features\"][i][\"properties\"][field] = prev8_4;\n if (prev8_4 > mxover5p) mxover5p = prev8_4;\n }\n }\n if (b == 0) {\n mycanada[\"features\"].splice(i, 1); \n nullCountries.push (province); \n }\n}\nmx_r_value--;\nmx_r_value = mx_r_value.toString();\n\nmxtotalp = 100;\nmxover18p = 100;\nmxover12p = 100;\nmxover5p = 100;\n\nnumtotal_atleast1dose = \"numtotal_atleast1dose2022-02-06\";\nnumtotal_fully = \"numtotal_fully2022-02-06\";\nnumtotal_1additional = \"numtotal_1additional2022-02-06\";\nnumtotal_2additional = \"numtotal_2additional2022-02-06\";\nproptotal_atleast1dose = \"proptotal_atleast1dose2022-02-06\";\nproptotal_fully = \"proptotal_fully2022-02-06\";\nproptotal_1additional = \"proptotal_1additional2022-02-06\";\nproptotal_2additional = \"proptotal_2additional2022-02-06\";\nnum18plus_atleast1dose = \"num18plus_atleast1dose2022-02-06\";\nnum18plus_fully = \"num18plus_fully2022-02-06\";\nnum18plus_1additional = \"num18plus_1additional2022-02-06\";\nnum18plus_2additional = \"num18plus_2additional2022-02-06\";\nprop18plus_atleast1dose = \"prop18plus_atleast1dose2022-02-06\";\nprop18plus_fully = \"prop18plus_fully2022-02-06\";\nprop18plus_1additional = \"prop18plus_1additional2022-02-06\";\nprop18plus_2additional = \"prop18plus_2additional2022-02-06\";\nnum12plus_atleast1dose = \"num12plus_atleast1dose2022-02-06\";\nnum12plus_fully = \"num12plus_fully2022-02-06\";\nnum12plus_1additional = \"num12plus_1additional2022-02-06\";\nnum12plus_2additional = \"num12plus_2additional2022-02-06\";\nprop12plus_atleast1dose = \"prop12plus_atleast1dose2022-02-06\";\nprop12plus_fully = \"prop12plus_fully2022-02-06\";\nprop12plus_1additional = \"prop12plus_1additional2022-02-06\";\nprop12plus_2additional = \"prop12plus_2additional2022-02-06\";\nnum5plus_atleast1dose = \"num5plus_atleast1dose2022-02-06\";\nnum5plus_fully = \"num5plus_fully2022-02-06\";\nnum5plus_1additional = \"num5plus_1additional2022-02-06\";\nnum5plus_2additional = \"num5plus_2additional2022-02-06\";\nprop5plus_atleast1dose = \"prop5plus_atleast1dose2022-02-06\";\nprop5plus_fully = \"prop5plus_fully2022-02-06\";\nprop5plus_1additional = \"prop5plus_1additional2022-02-06\";\nprop5plus_2additional = \"prop5plus_2additional2022-02-06\";\n\n\n\nwindow.onload = plzwork;\nfunction plzwork () { \n document.getElementById(\"totalrange\").max = mx_r_value;\n document.getElementById(\"totalrange\").value = 59;\n document.getElementById(\"plus18range\").max = mx_r_value;\n document.getElementById(\"plus18range\").value = 59;\n document.getElementById(\"plus12range\").max = mx_r_value;\n document.getElementById(\"plus12range\").value = 59;\n document.getElementById(\"plus5range\").max = mx_r_value;\n document.getElementById(\"plus5range\").value = 59;\n\n\/\/----------- total --------------\n map1_1 = L.map('totalvax1', {attributionControl:false}).setView([68, -98], 1.5);\n map1_1.zoomControl.setPosition('bottomleft');\n var tiles1_1 = L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/rastertiles\/voyager\/{z}\/{x}\/{y}.png', {maxZoom: 19,\n attribution: '© <a href=\"https:\/\/carto.com\/\">carto.com<\/a> contributors'}).addTo(map1_1);\n geojson1_1 = L.geoJson(mycanada, {style: totalStyle1_1, onEachFeature: onEachFeature1_1}).addTo(map1_1);\n\n map1_2 = L.map('totalvax2', {attributionControl:false}).setView([68, -98], 1.5);\n map1_2.zoomControl.setPosition('bottomleft');\n var tiles1_2 = L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/rastertiles\/voyager\/{z}\/{x}\/{y}.png', {maxZoom: 19,\n attribution: '© <a href=\"https:\/\/carto.com\/\">carto.com<\/a> contributors'}).addTo(map1_2);\n geojson1_2 = L.geoJson(mycanada, {style: totalStyle1_2, onEachFeature: onEachFeature1_2}).addTo(map1_2);\n\n map1_3 = L.map('totalvax3', {attributionControl:false}).setView([68, -98], 1.5);\n map1_3.zoomControl.setPosition('bottomleft');\n var tiles1_3 = L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/rastertiles\/voyager\/{z}\/{x}\/{y}.png', {maxZoom: 19,\n attribution: '© <a href=\"https:\/\/carto.com\/\">carto.com<\/a> contributors'}).addTo(map1_3);\n geojson1_3 = L.geoJson(mycanada, {style: totalStyle1_3, onEachFeature: onEachFeature1_3}).addTo(map1_3);\n\n map1_4 = L.map('totalvax4', {attributionControl:false}).setView([68, -98], 1.5);\n map1_4.zoomControl.setPosition('bottomleft');\n var tiles1_4 = L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/rastertiles\/voyager\/{z}\/{x}\/{y}.png', {maxZoom: 19,\n attribution: '© <a href=\"https:\/\/carto.com\/\">carto.com<\/a> contributors'}).addTo(map1_4);\n geojson1_4 = L.geoJson(mycanada, {style: totalStyle1_4, onEachFeature: onEachFeature1_4}).addTo(map1_4);\n\n map2_1 = L.map('totalpvax1', {attributionControl:false}).setView([68, -98], 1.5);\n map2_1.zoomControl.setPosition('bottomleft');\n var tiles2_1 = L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/rastertiles\/voyager\/{z}\/{x}\/{y}.png', {maxZoom: 19,\n attribution: '© <a href=\"https:\/\/carto.com\/\">carto.com<\/a> contributors'}).addTo(map2_1);\n geojson2_1 = L.geoJson(mycanada, {style: totalStyle2_1, onEachFeature: onEachFeature2_1}).addTo(map2_1);\n\n map2_2 = L.map('totalpvax2', {attributionControl:false}).setView([68, -98], 1.5);\n map2_2.zoomControl.setPosition('bottomleft');\n var tiles2_2 = L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/rastertiles\/voyager\/{z}\/{x}\/{y}.png', {maxZoom: 19,\n attribution: '© <a href=\"https:\/\/carto.com\/\">carto.com<\/a> contributors'}).addTo(map2_2);\n geojson2_2 = L.geoJson(mycanada, {style: totalStyle2_2, onEachFeature: onEachFeature2_2}).addTo(map2_2);\n\n map2_3 = L.map('totalpvax3', {attributionControl:false}).setView([68, -98], 1.5);\n map2_3.zoomControl.setPosition('bottomleft');\n var tiles2_3 = L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/rastertiles\/voyager\/{z}\/{x}\/{y}.png', {maxZoom: 19,\n attribution: '© <a href=\"https:\/\/carto.com\/\">carto.com<\/a> contributors'}).addTo(map2_3);\n geojson2_3 = L.geoJson(mycanada, {style: totalStyle2_3, onEachFeature: onEachFeature2_3}).addTo(map2_3);\n\n map2_4 = L.map('totalpvax4', {attributionControl:false}).setView([68, -98], 1.5);\n map2_4.zoomControl.setPosition('bottomleft');\n var tiles2_4 = L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/rastertiles\/voyager\/{z}\/{x}\/{y}.png', {maxZoom: 19,\n attribution: '© <a href=\"https:\/\/carto.com\/\">carto.com<\/a> contributors'}).addTo(map2_4);\n geojson2_4 = L.geoJson(mycanada, {style: totalStyle2_4, onEachFeature: onEachFeature2_4}).addTo(map2_4);\n\n \n\n\/\/--------------- over 18\n map3_1 = L.map('over18vax1', {attributionControl:false}).setView([68, -98], 1.5);\n map3_1.zoomControl.setPosition('bottomleft');\n var tiles3_1 = L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/rastertiles\/voyager\/{z}\/{x}\/{y}.png', {maxZoom: 19,\n attribution: '© <a href=\"https:\/\/carto.com\/\">carto.com<\/a> contributors'}).addTo(map3_1);\n geojson3_1 = L.geoJson(mycanada, {style: plus18Style1_1, onEachFeature: onEachFeature3_1}).addTo(map3_1);\n\n map3_2 = L.map('over18vax2', {attributionControl:false}).setView([68, -98], 1.5);\n map3_2.zoomControl.setPosition('bottomleft');\n var tiles3_2 = L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/rastertiles\/voyager\/{z}\/{x}\/{y}.png', {maxZoom: 19,\n attribution: '© <a href=\"https:\/\/carto.com\/\">carto.com<\/a> contributors'}).addTo(map3_2);\n geojson3_2 = L.geoJson(mycanada, {style: plus18Style1_2, onEachFeature: onEachFeature3_2}).addTo(map3_2);\n\n map3_3 = L.map('over18vax3', {attributionControl:false}).setView([68, -98], 1.5);\n map3_3.zoomControl.setPosition('bottomleft');\n var tiles3_3 = L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/rastertiles\/voyager\/{z}\/{x}\/{y}.png', {maxZoom: 19,\n attribution: '© <a href=\"https:\/\/carto.com\/\">carto.com<\/a> contributors'}).addTo(map3_3);\n geojson3_3 = L.geoJson(mycanada, {style: plus18Style1_3, onEachFeature: onEachFeature3_3}).addTo(map3_3);\n\n map3_4 = L.map('over18vax4', {attributionControl:false}).setView([68, -98], 1.5);\n map3_4.zoomControl.setPosition('bottomleft');\n var tiles3_4 = L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/rastertiles\/voyager\/{z}\/{x}\/{y}.png', {maxZoom: 19,\n attribution: '© <a href=\"https:\/\/carto.com\/\">carto.com<\/a> contributors'}).addTo(map3_4);\n geojson3_4 = L.geoJson(mycanada, {style: plus18Style1_4, onEachFeature: onEachFeature3_4}).addTo(map3_4);\n\n map4_1 = L.map('over18pvax1', {attributionControl:false}).setView([68, -98], 1.5);\n map4_1.zoomControl.setPosition('bottomleft');\n var tiles4_1 = L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/rastertiles\/voyager\/{z}\/{x}\/{y}.png', {maxZoom: 19,\n attribution: '© <a href=\"https:\/\/carto.com\/\">carto.com<\/a> contributors'}).addTo(map4_1);\n geojson4_1 = L.geoJson(mycanada, {style: plus18Style2_1, onEachFeature: onEachFeature4_1}).addTo(map4_1);\n\n map4_2 = L.map('over18pvax2', {attributionControl:false}).setView([68, -98], 1.5);\n map4_2.zoomControl.setPosition('bottomleft');\n var tiles4_2 = L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/rastertiles\/voyager\/{z}\/{x}\/{y}.png', {maxZoom: 19,\n attribution: '© <a href=\"https:\/\/carto.com\/\">carto.com<\/a> contributors'}).addTo(map4_2);\n geojson4_2 = L.geoJson(mycanada, {style: plus18Style2_2, onEachFeature: onEachFeature4_2}).addTo(map4_2);\n\n map4_3 = L.map('over18pvax3', {attributionControl:false}).setView([68, -98], 1.5);\n map4_3.zoomControl.setPosition('bottomleft');\n var tiles4_3 = L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/rastertiles\/voyager\/{z}\/{x}\/{y}.png', {maxZoom: 19,\n attribution: '© <a href=\"https:\/\/carto.com\/\">carto.com<\/a> contributors'}).addTo(map4_3);\n geojson4_3 = L.geoJson(mycanada, {style: plus18Style2_3, onEachFeature: onEachFeature4_3}).addTo(map4_3);\n\n map4_4 = L.map('over18pvax4', {attributionControl:false}).setView([68, -98], 1.5);\n map4_4.zoomControl.setPosition('bottomleft');\n var tiles4_4 = L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/rastertiles\/voyager\/{z}\/{x}\/{y}.png', {maxZoom: 19,\n attribution: '© <a href=\"https:\/\/carto.com\/\">carto.com<\/a> contributors'}).addTo(map4_4);\n geojson4_4 = L.geoJson(mycanada, {style: plus18Style2_4, onEachFeature: onEachFeature4_4}).addTo(map4_4);\n\n\n\n\/\/-------------- Over 12 \n map5_1 = L.map('over12vax1', {attributionControl:false}).setView([68, -98], 1.5);\n map5_1.zoomControl.setPosition('bottomleft');\n var tiles5_1 = L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/rastertiles\/voyager\/{z}\/{x}\/{y}.png', {maxZoom: 19,\n attribution: '© <a href=\"https:\/\/carto.com\/\">carto.com<\/a> contributors'}).addTo(map5_1);\n geojson5_1 = L.geoJson(mycanada, {style: plus12Style1_1, onEachFeature: onEachFeature5_1}).addTo(map5_1);\n\n map5_2 = L.map('over12vax2', {attributionControl:false}).setView([68, -98], 1.5);\n map5_2.zoomControl.setPosition('bottomleft');\n var tiles5_2 = L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/rastertiles\/voyager\/{z}\/{x}\/{y}.png', {maxZoom: 19,\n attribution: '© <a href=\"https:\/\/carto.com\/\">carto.com<\/a> contributors'}).addTo(map5_2);\n geojson5_2 = L.geoJson(mycanada, {style: plus12Style1_2, onEachFeature: onEachFeature5_2}).addTo(map5_2);\n\n map5_3 = L.map('over12vax3', {attributionControl:false}).setView([68, -98], 1.5);\n map5_3.zoomControl.setPosition('bottomleft');\n var tiles5_3 = L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/rastertiles\/voyager\/{z}\/{x}\/{y}.png', {maxZoom: 19,\n attribution: '© <a href=\"https:\/\/carto.com\/\">carto.com<\/a> contributors'}).addTo(map5_3);\n geojson5_3 = L.geoJson(mycanada, {style: plus12Style1_3, onEachFeature: onEachFeature5_3}).addTo(map5_3);\n\n map5_4 = L.map('over12vax4', {attributionControl:false}).setView([68, -98], 1.5);\n map5_4.zoomControl.setPosition('bottomleft');\n var tiles5_4 = L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/rastertiles\/voyager\/{z}\/{x}\/{y}.png', {maxZoom: 19,\n attribution: '© <a href=\"https:\/\/carto.com\/\">carto.com<\/a> contributors'}).addTo(map5_4);\n geojson5_4 = L.geoJson(mycanada, {style: plus12Style1_4, onEachFeature: onEachFeature5_4}).addTo(map5_4);\n\n map6_1 = L.map('over12pvax1', {attributionControl:false}).setView([68, -98], 1.5);\n map6_1.zoomControl.setPosition('bottomleft');\n var tiles6_1 = L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/rastertiles\/voyager\/{z}\/{x}\/{y}.png', {maxZoom: 19,\n attribution: '© <a href=\"https:\/\/carto.com\/\">carto.com<\/a> contributors'}).addTo(map6_1);\n geojson6_1 = L.geoJson(mycanada, {style: plus12Style2_1, onEachFeature: onEachFeature6_1}).addTo(map6_1);\n\n map6_2 = L.map('over12pvax2', {attributionControl:false}).setView([68, -98], 1.5);\n map6_2.zoomControl.setPosition('bottomleft');\n var tiles6_2 = L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/rastertiles\/voyager\/{z}\/{x}\/{y}.png', {maxZoom: 19,\n attribution: '© <a href=\"https:\/\/carto.com\/\">carto.com<\/a> contributors'}).addTo(map6_2);\n geojson6_2 = L.geoJson(mycanada, {style: plus12Style2_2, onEachFeature: onEachFeature6_2}).addTo(map6_2);\n\n map6_3 = L.map('over12pvax3', {attributionControl:false}).setView([68, -98], 1.5);\n map6_3.zoomControl.setPosition('bottomleft');\n var tiles6_3 = L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/rastertiles\/voyager\/{z}\/{x}\/{y}.png', {maxZoom: 19,\n attribution: '© <a href=\"https:\/\/carto.com\/\">carto.com<\/a> contributors'}).addTo(map6_3);\n geojson6_3 = L.geoJson(mycanada, {style: plus12Style2_3, onEachFeature: onEachFeature6_3}).addTo(map6_3);\n\n map6_4 = L.map('over12pvax4', {attributionControl:false}).setView([68, -98], 1.5);\n map6_4.zoomControl.setPosition('bottomleft');\n var tiles6_4 = L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/rastertiles\/voyager\/{z}\/{x}\/{y}.png', {maxZoom: 19,\n attribution: '© <a href=\"https:\/\/carto.com\/\">carto.com<\/a> contributors'}).addTo(map6_4);\n geojson6_4 = L.geoJson(mycanada, {style: plus12Style2_4, onEachFeature: onEachFeature6_4}).addTo(map6_4);\n\n\n\n\n\/\/---------------------- Over5\n map7_1 = L.map('over5vax1', {attributionControl:false}).setView([68, -98], 1.5);\n map7_1.zoomControl.setPosition('bottomleft');\n var tiles7_1 = L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/rastertiles\/voyager\/{z}\/{x}\/{y}.png', {maxZoom: 19,\n attribution: '© <a href=\"https:\/\/carto.com\/\">carto.com<\/a> contributors'}).addTo(map7_1);\n geojson7_1 = L.geoJson(mycanada, {style: plus5Style1_1, onEachFeature: onEachFeature7_1}).addTo(map7_1);\n\n map7_2 = L.map('over5vax2', {attributionControl:false}).setView([68, -98], 1.5);\n map7_2.zoomControl.setPosition('bottomleft');\n var tiles7_2 = L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/rastertiles\/voyager\/{z}\/{x}\/{y}.png', {maxZoom: 19,\n attribution: '© <a href=\"https:\/\/carto.com\/\">carto.com<\/a> contributors'}).addTo(map7_2);\n geojson7_2 = L.geoJson(mycanada, {style: plus5Style1_2, onEachFeature: onEachFeature7_2}).addTo(map7_2);\n\n map7_3 = L.map('over5vax3', {attributionControl:false}).setView([68, -98], 1.5);\n map7_3.zoomControl.setPosition('bottomleft');\n var tiles7_3 = L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/rastertiles\/voyager\/{z}\/{x}\/{y}.png', {maxZoom: 19,\n attribution: '© <a href=\"https:\/\/carto.com\/\">carto.com<\/a> contributors'}).addTo(map7_3);\n geojson7_3 = L.geoJson(mycanada, {style: plus5Style1_3, onEachFeature: onEachFeature7_3}).addTo(map7_3);\n\n map7_4 = L.map('over5vax4', {attributionControl:false}).setView([68, -98], 1.5);\n map7_4.zoomControl.setPosition('bottomleft');\n var tiles7_4 = L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/rastertiles\/voyager\/{z}\/{x}\/{y}.png', {maxZoom: 19,\n attribution: '© <a href=\"https:\/\/carto.com\/\">carto.com<\/a> contributors'}).addTo(map7_4);\n geojson7_4 = L.geoJson(mycanada, {style: plus5Style1_4, onEachFeature: onEachFeature7_4}).addTo(map7_4);\n\n map8_1 = L.map('over5pvax1', {attributionControl:false}).setView([68, -98], 1.5);\n map8_1.zoomControl.setPosition('bottomleft');\n var tiles8_1 = L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/rastertiles\/voyager\/{z}\/{x}\/{y}.png', {maxZoom: 19,\n attribution: '© <a href=\"https:\/\/carto.com\/\">carto.com<\/a> contributors'}).addTo(map8_1);\n geojson8_1 = L.geoJson(mycanada, {style: plus5Style2_1, onEachFeature: onEachFeature8_1}).addTo(map8_1);\n\n map8_2 = L.map('over5pvax2', {attributionControl:false}).setView([68, -98], 1.5);\n map8_2.zoomControl.setPosition('bottomleft');\n var tiles8_2 = L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/rastertiles\/voyager\/{z}\/{x}\/{y}.png', {maxZoom: 19,\n attribution: '© <a href=\"https:\/\/carto.com\/\">carto.com<\/a> contributors'}).addTo(map8_2);\n geojson8_2 = L.geoJson(mycanada, {style: plus5Style2_2, onEachFeature: onEachFeature8_2}).addTo(map8_2);\n\n map8_3 = L.map('over5pvax3', {attributionControl:false}).setView([68, -98], 1.5);\n map8_3.zoomControl.setPosition('bottomleft');\n var tiles8_3 = L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/rastertiles\/voyager\/{z}\/{x}\/{y}.png', {maxZoom: 19,\n attribution: '© <a href=\"https:\/\/carto.com\/\">carto.com<\/a> contributors'}).addTo(map8_3);\n geojson8_3 = L.geoJson(mycanada, {style: plus5Style2_3, onEachFeature: onEachFeature8_3}).addTo(map8_3);\n\n map8_4 = L.map('over5pvax4', {attributionControl:false}).setView([68, -98], 1.5);\n map8_4.zoomControl.setPosition('bottomleft');\n var tiles8_4 = L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/rastertiles\/voyager\/{z}\/{x}\/{y}.png', {maxZoom: 19,\n attribution: '© <a href=\"https:\/\/carto.com\/\">carto.com<\/a> contributors'}).addTo(map8_4);\n geojson8_4 = L.geoJson(mycanada, {style: plus5Style2_4, onEachFeature: onEachFeature8_4}).addTo(map8_4);\n\n\/\/------------------------------------------------\n\n\/\/------------- total\n info1_1 = L.control({position: 'topright'});\n info1_1.onAdd = function (map1_1) {\n this._div = L.DomUtil.create('div', 'info'); \/\/ create a div with a class \"info\"\n this.update(); \n return this._div;\n };\n info1_1.update = function (props) { \n this._div.innerHTML = '<h6><b> Total 1st Dose Vax <\/b><\/h6>' + (props ? '<b>' + \n props.Name_EN + ': <\/b>' + (props[numtotal_atleast1dose] >= 0 ? (props[numtotal_atleast1dose]).toFixed(4) + ' persons' : ' N\/A') : \n 'Hover over any country'); \n };\n info1_1.addTo(map1_1);\n\n info1_2 = L.control({position: 'topright'});\n info1_2.onAdd = function (map1_2) {\n this._div = L.DomUtil.create('div', 'info'); \/\/ create a div with a class \"info\"\n this.update(); \n return this._div;\n };\n info1_2.update = function (props) { \n this._div.innerHTML = '<h6><b> Total 2nd Dose Vax <\/b><\/h6>' + (props ? '<b>' + \n props.Name_EN + ': <\/b>' + (props[numtotal_fully] >= 0 ? (props[numtotal_fully]).toFixed(4) + ' persons' : ' N\/A') : \n 'Hover over any country'); \n };\n info1_2.addTo(map1_2);\n\n info1_3 = L.control({position: 'topright'});\n info1_3.onAdd = function (map1_3) {\n this._div = L.DomUtil.create('div', 'info'); \/\/ create a div with a class \"info\"\n this.update(); \n return this._div;\n };\n info1_3.update = function (props) { \n this._div.innerHTML = '<h6><b> Total 3rd Dose Vax <\/b><\/h6>' + (props ? '<b>' + \n props.Name_EN + ': <\/b>' + (props[numtotal_1additional] >= 0 ? (props[numtotal_1additional]).toFixed(4) + ' persons' : ' N\/A') : \n 'Hover over any country'); \n };\n info1_3.addTo(map1_3);\n\n info1_4 = L.control({position: 'topright'});\n info1_4.onAdd = function (map1_4) {\n this._div = L.DomUtil.create('div', 'info'); \/\/ create a div with a class \"info\"\n this.update(); \n return this._div;\n };\n info1_4.update = function (props) { \n this._div.innerHTML = '<h6><b> Total 4th Dose Vax <\/b><\/h6>' + (props ? '<b>' + \n props.Name_EN + ': <\/b>' + (props[numtotal_2additional] >= 0 ? (props[numtotal_2additional]).toFixed(4) + ' persons' : ' N\/A') : \n 'Hover over any country'); \n };\n info1_4.addTo(map1_4);\n\n info2_1 = L.control({position: 'topright'});\n info2_1.onAdd = function (map2_1) {\n this._div = L.DomUtil.create('div', 'info'); \/\/ create a div with a class \"info\"\n this.update(); \n return this._div;\n };\n info2_1.update = function (props) { \n this._div.innerHTML = '<h6><b> Total 1st Dose Vax in % <\/b><\/h6>' + (props ? '<b>' + \n props.Name_EN + ': <\/b>' + (props[proptotal_atleast1dose] >= 0 ? (props[proptotal_atleast1dose]).toFixed(4) + ' percentage' : ' N\/A') : \n 'Hover over any country'); \n };\n info2_1.addTo(map2_1);\n\n info2_2 = L.control({position: 'topright'});\n info2_2.onAdd = function (map2_2) {\n this._div = L.DomUtil.create('div', 'info'); \/\/ create a div with a class \"info\"\n this.update(); \n return this._div;\n };\n info2_2.update = function (props) { \n this._div.innerHTML = '<h6><b> Total 2nd Dose Vax in % <\/b><\/h6>' + (props ? '<b>' + \n props.Name_EN + ': <\/b>' + (props[proptotal_fully] >= 0 ? (props[proptotal_fully]).toFixed(4) + ' percentage' : ' N\/A') : \n 'Hover over any country'); \n };\n info2_2.addTo(map2_2);\n\n info2_3 = L.control({position: 'topright'});\n info2_3.onAdd = function (map2_3) {\n this._div = L.DomUtil.create('div', 'info'); \/\/ create a div with a class \"info\"\n this.update(); \n return this._div;\n };\n info2_3.update = function (props) { \n this._div.innerHTML = '<h6><b> Total 3rd Dose Vax in % <\/b><\/h6>' + (props ? '<b>' + \n props.Name_EN + ': <\/b>' + (props[proptotal_1additional] >= 0 ? (props[proptotal_1additional]).toFixed(4) + ' percentage' : ' N\/A') : \n 'Hover over any country'); \n };\n info2_3.addTo(map2_3);\n\n info2_4 = L.control({position: 'topright'});\n info2_4.onAdd = function (map2_4) {\n this._div = L.DomUtil.create('div', 'info'); \/\/ create a div with a class \"info\"\n this.update(); \n return this._div;\n };\n info2_4.update = function (props) { \n this._div.innerHTML = '<h6><b> Total 4th Dose Vax in % <\/b><\/h6>' + (props ? '<b>' + \n props.Name_EN + ': <\/b>' + (props[proptotal_2additional] >= 0 ? (props[proptotal_2additional]).toFixed(4) + ' percentage' : ' N\/A') : \n 'Hover over any country'); \n };\n info2_4.addTo(map2_4);\n\n\/\/------------------- Over 18\n info3_1 = L.control({position: 'topright'});\n info3_1.onAdd = function (map3_1) {\n this._div = L.DomUtil.create('div', 'info'); \/\/ create a div with a class \"info\"\n this.update(); \n return this._div;\n };\n info3_1.update = function (props) { \n this._div.innerHTML = '<h6><b> 1st Dose Vax (18+) <\/b><\/h6>' + (props ? '<b>' + \n props.Name_EN + ': <\/b>' + (props[num18plus_atleast1dose] >= 0 ? (props[num18plus_atleast1dose]).toFixed(4) + ' persons' : ' N\/A') : \n 'Hover over any country'); \n };\n info3_1.addTo(map3_1);\n\n info3_2 = L.control({position: 'topright'});\n info3_2.onAdd = function (map3_2) {\n this._div = L.DomUtil.create('div', 'info'); \/\/ create a div with a class \"info\"\n this.update(); \n return this._div;\n };\n info3_2.update = function (props) { \n this._div.innerHTML = '<h6><b> 2nd Dose Vax (18+) <\/b><\/h6>' + (props ? '<b>' + \n props.Name_EN + ': <\/b>' + (props[num18plus_fully] >= 0 ? (props[num18plus_fully]).toFixed(4) + ' persons' : ' N\/A') : \n 'Hover over any country'); \n };\n info3_2.addTo(map3_2);\n\n info3_3 = L.control({position: 'topright'});\n info3_3.onAdd = function (map3_3) {\n this._div = L.DomUtil.create('div', 'info'); \/\/ create a div with a class \"info\"\n this.update(); \n return this._div;\n };\n info3_3.update = function (props) { \n this._div.innerHTML = '<h6><b> 3rd Dose Vax (18+) <\/b><\/h6>' + (props ? '<b>' + \n props.Name_EN + ': <\/b>' + (props[num18plus_1additional] >= 0 ? (props[num18plus_1additional]).toFixed(4) + ' persons' : ' N\/A') : \n 'Hover over any country'); \n };\n info3_3.addTo(map3_3);\n\n info3_4 = L.control({position: 'topright'});\n info3_4.onAdd = function (map3_4) {\n this._div = L.DomUtil.create('div', 'info'); \/\/ create a div with a class \"info\"\n this.update(); \n return this._div;\n };\n info3_4.update = function (props) { \n this._div.innerHTML = '<h6><b> 4th Dose Vax (18+) <\/b><\/h6>' + (props ? '<b>' + \n props.Name_EN + ': <\/b>' + (props[num18plus_2additional] >= 0 ? (props[num18plus_2additional]).toFixed(4) + ' persons' : ' N\/A') : \n 'Hover over any country'); \n };\n info3_4.addTo(map3_4);\n\n info4_1 = L.control({position: 'topright'});\n info4_1.onAdd = function (map4_1) {\n this._div = L.DomUtil.create('div', 'info'); \/\/ create a div with a class \"info\"\n this.update(); \n return this._div;\n };\n info4_1.update = function (props) { \n this._div.innerHTML = '<h6><b> 1st Dose Vax in % (18+) <\/b><\/h6>' + (props ? '<b>' + \n props.Name_EN + ': <\/b>' + (props[prop18plus_atleast1dose] >= 0 ? (props[prop18plus_atleast1dose]).toFixed(4) + ' percentage' : ' N\/A') : \n 'Hover over any country'); \n };\n info4_1.addTo(map4_1);\n\n info4_2 = L.control({position: 'topright'});\n info4_2.onAdd = function (map4_2) {\n this._div = L.DomUtil.create('div', 'info'); \/\/ create a div with a class \"info\"\n this.update(); \n return this._div;\n };\n info4_2.update = function (props) { \n this._div.innerHTML = '<h6><b> 2nd Dose Vax in % (18+) <\/b><\/h6>' + (props ? '<b>' + \n props.Name_EN + ': <\/b>' + (props[prop18plus_fully] >= 0 ? (props[prop18plus_fully]).toFixed(4) + ' percentage' : ' N\/A') : \n 'Hover over any country'); \n };\n info4_2.addTo(map4_2);\n\n info4_3 = L.control({position: 'topright'});\n info4_3.onAdd = function (map4_3) {\n this._div = L.DomUtil.create('div', 'info'); \/\/ create a div with a class \"info\"\n this.update(); \n return this._div;\n };\n info4_3.update = function (props) { \n this._div.innerHTML = '<h6><b> 3rd Dose Vax in % (18+) <\/b><\/h6>' + (props ? '<b>' + \n props.Name_EN + ': <\/b>' + (props[prop18plus_1additional] >= 0 ? (props[prop18plus_1additional]).toFixed(4) + ' percentage' : ' N\/A') : \n 'Hover over any country'); \n };\n info4_3.addTo(map4_3);\n\n info4_4 = L.control({position: 'topright'});\n info4_4.onAdd = function (map4_4) {\n this._div = L.DomUtil.create('div', 'info'); \/\/ create a div with a class \"info\"\n this.update(); \n return this._div;\n };\n info4_4.update = function (props) { \n this._div.innerHTML = '<h6><b> 4th Dose Vax in % (18+) <\/b><\/h6>' + (props ? '<b>' + \n props.Name_EN + ': <\/b>' + (props[prop18plus_2additional] >= 0 ? (props[prop18plus_2additional]).toFixed(4) + ' percentage' : ' N\/A') : \n 'Hover over any country'); \n };\n info4_4.addTo(map4_4);\n\n\/\/------------- Over 12\n info5_1 = L.control({position: 'topright'});\n info5_1.onAdd = function (map5_1) {\n this._div = L.DomUtil.create('div', 'info'); \/\/ create a div with a class \"info\"\n this.update(); \n return this._div;\n };\n info5_1.update = function (props) { \n this._div.innerHTML = '<h6><b> 1st Dose Vax (12+) <\/b><\/h6>' + (props ? '<b>' + \n props.Name_EN + ': <\/b>' + (props[num12plus_atleast1dose] >= 0 ? (props[num12plus_atleast1dose]).toFixed(4) + ' persons' : ' N\/A') : \n 'Hover over any country'); \n };\n info5_1.addTo(map5_1);\n\n info5_2 = L.control({position: 'topright'});\n info5_2.onAdd = function (map5_2) {\n this._div = L.DomUtil.create('div', 'info'); \/\/ create a div with a class \"info\"\n this.update(); \n return this._div;\n };\n info5_2.update = function (props) { \n this._div.innerHTML = '<h6><b> 2nd Dose Vax (12+) <\/b><\/h6>' + (props ? '<b>' + \n props.Name_EN + ': <\/b>' + (props[num12plus_fully] >= 0 ? (props[num12plus_fully]).toFixed(4) + ' persons' : ' N\/A') : \n 'Hover over any country'); \n };\n info5_2.addTo(map5_2);\n\n info5_3 = L.control({position: 'topright'});\n info5_3.onAdd = function (map5_3) {\n this._div = L.DomUtil.create('div', 'info'); \/\/ create a div with a class \"info\"\n this.update(); \n return this._div;\n };\n info5_3.update = function (props) { \n this._div.innerHTML = '<h6><b> 3rd Dose Vax (12+) <\/b><\/h6>' + (props ? '<b>' + \n props.Name_EN + ': <\/b>' + (props[num12plus_1additional] >= 0 ? (props[num12plus_1additional]).toFixed(4) + ' persons' : ' N\/A') : \n 'Hover over any country'); \n };\n info5_3.addTo(map5_3);\n\n info5_4 = L.control({position: 'topright'});\n info5_4.onAdd = function (map5_4) {\n this._div = L.DomUtil.create('div', 'info'); \/\/ create a div with a class \"info\"\n this.update(); \n return this._div;\n };\n info5_4.update = function (props) { \n this._div.innerHTML = '<h6><b> 4th Dose Vax (12+) <\/b><\/h6>' + (props ? '<b>' + \n props.Name_EN + ': <\/b>' + (props[num12plus_2additional] >= 0 ? (props[num12plus_2additional]).toFixed(4) + ' persons' : ' N\/A') : \n 'Hover over any country'); \n };\n info5_4.addTo(map5_4);\n\n info6_1 = L.control({position: 'topright'});\n info6_1.onAdd = function (map6_1) {\n this._div = L.DomUtil.create('div', 'info'); \/\/ create a div with a class \"info\"\n this.update(); \n return this._div;\n };\n info6_1.update = function (props) { \n this._div.innerHTML = '<h6><b> 1st Dose Vax in % (12+) <\/b><\/h6>' + (props ? '<b>' + \n props.Name_EN + ': <\/b>' + (props[prop12plus_atleast1dose] >= 0 ? (props[prop12plus_atleast1dose]).toFixed(4) + ' percentage' : ' N\/A') : \n 'Hover over any country'); \n };\n info6_1.addTo(map6_1);\n\n info6_2 = L.control({position: 'topright'});\n info6_2.onAdd = function (map6_2) {\n this._div = L.DomUtil.create('div', 'info'); \/\/ create a div with a class \"info\"\n this.update(); \n return this._div;\n };\n info6_2.update = function (props) { \n this._div.innerHTML = '<h6><b> 2nd Dose Vax in % (12+) <\/b><\/h6>' + (props ? '<b>' + \n props.Name_EN + ': <\/b>' + (props[prop12plus_fully] >= 0 ? (props[prop12plus_fully]).toFixed(4) + ' percentage' : ' N\/A') : \n 'Hover over any country'); \n };\n info6_2.addTo(map6_2);\n\n info6_3 = L.control({position: 'topright'});\n info6_3.onAdd = function (map6_3) {\n this._div = L.DomUtil.create('div', 'info'); \/\/ create a div with a class \"info\"\n this.update(); \n return this._div;\n };\n info6_3.update = function (props) { \n this._div.innerHTML = '<h6><b> 3rd Dose Vax in % (12+) <\/b><\/h6>' + (props ? '<b>' + \n props.Name_EN + ': <\/b>' + (props[prop12plus_1additional] >= 0 ? (props[prop12plus_1additional]).toFixed(4) + ' percentage' : ' N\/A') : \n 'Hover over any country'); \n };\n info6_3.addTo(map6_3);\n\n info6_4 = L.control({position: 'topright'});\n info6_4.onAdd = function (map6_4) {\n this._div = L.DomUtil.create('div', 'info'); \/\/ create a div with a class \"info\"\n this.update(); \n return this._div;\n };\n info6_4.update = function (props) { \n this._div.innerHTML = '<h6><b> 4th Dose Vax in % (12+) <\/b><\/h6>' + (props ? '<b>' + \n props.Name_EN + ': <\/b>' + (props[prop12plus_2additional] >= 0 ? (props[prop12plus_2additional]).toFixed(4) + ' percentage' : ' N\/A') : \n 'Hover over any country'); \n };\n info6_4.addTo(map6_4);\n\n\n\/\/---------------- Over 5\n info7_1 = L.control({position: 'topright'});\n info7_1.onAdd = function (map7_1) {\n this._div = L.DomUtil.create('div', 'info'); \/\/ create a div with a class \"info\"\n this.update(); \n return this._div;\n };\n info7_1.update = function (props) { \n this._div.innerHTML = '<h6><b> 1st Dose Vax (5+) <\/b><\/h6>' + (props ? '<b>' + \n props.Name_EN + ': <\/b>' + (props[num5plus_atleast1dose] >= 0 ? (props[num5plus_atleast1dose]).toFixed(4) + ' persons' : ' N\/A') : \n 'Hover over any country'); \n };\n info7_1.addTo(map7_1);\n\n info7_2 = L.control({position: 'topright'});\n info7_2.onAdd = function (map7_2) {\n this._div = L.DomUtil.create('div', 'info'); \/\/ create a div with a class \"info\"\n this.update(); \n return this._div;\n };\n info7_2.update = function (props) { \n this._div.innerHTML = '<h6><b> 2nd Dose Vax (5+) <\/b><\/h6>' + (props ? '<b>' + \n props.Name_EN + ': <\/b>' + (props[num5plus_fully] >= 0 ? (props[num5plus_fully]).toFixed(4) + ' persons' : ' N\/A') : \n 'Hover over any country'); \n };\n info7_2.addTo(map7_2);\n\n info7_3 = L.control({position: 'topright'});\n info7_3.onAdd = function (map7_3) {\n this._div = L.DomUtil.create('div', 'info'); \/\/ create a div with a class \"info\"\n this.update(); \n return this._div;\n };\n info7_3.update = function (props) { \n this._div.innerHTML = '<h6><b> 3rd Dose Vax (5+) <\/b><\/h6>' + (props ? '<b>' + \n props.Name_EN + ': <\/b>' + (props[num5plus_1additional] >= 0 ? (props[num5plus_1additional]).toFixed(4) + ' persons' : ' N\/A') : \n 'Hover over any country'); \n };\n info7_3.addTo(map7_3);\n\n info7_4 = L.control({position: 'topright'});\n info7_4.onAdd = function (map7_4) {\n this._div = L.DomUtil.create('div', 'info'); \/\/ create a div with a class \"info\"\n this.update(); \n return this._div;\n };\n info7_4.update = function (props) { \n this._div.innerHTML = '<h6><b> 4th Dose Vax (5+) <\/b><\/h6>' + (props ? '<b>' + \n props.Name_EN + ': <\/b>' + (props[num5plus_2additional] >= 0 ? (props[num5plus_2additional]).toFixed(4) + ' persons' : ' N\/A') : \n 'Hover over any country'); \n };\n info7_4.addTo(map7_4);\n\n info8_1 = L.control({position: 'topright'});\n info8_1.onAdd = function (map8_1) {\n this._div = L.DomUtil.create('div', 'info'); \/\/ create a div with a class \"info\"\n this.update(); \n return this._div;\n };\n info8_1.update = function (props) { \n this._div.innerHTML = '<h6><b> 1st Dose Vax in % (5+) <\/b><\/h6>' + (props ? '<b>' + \n props.Name_EN + ': <\/b>' + (props[prop5plus_atleast1dose] >= 0 ? (props[prop5plus_atleast1dose]).toFixed(4) + ' percentage' : ' N\/A') : \n 'Hover over any country'); \n };\n info8_1.addTo(map8_1);\n\n info8_2 = L.control({position: 'topright'});\n info8_2.onAdd = function (map8_2) {\n this._div = L.DomUtil.create('div', 'info'); \/\/ create a div with a class \"info\"\n this.update(); \n return this._div;\n };\n info8_2.update = function (props) { \n this._div.innerHTML = '<h6><b> 2nd Dose Vax in % (5+) <\/b><\/h6>' + (props ? '<b>' + \n props.Name_EN + ': <\/b>' + (props[prop5plus_fully] >= 0 ? (props[prop5plus_fully]).toFixed(4) + ' percentage' : ' N\/A') : \n 'Hover over any country'); \n };\n info8_2.addTo(map8_2);\n\n info8_3 = L.control({position: 'topright'});\n info8_3.onAdd = function (map8_3) {\n this._div = L.DomUtil.create('div', 'info'); \/\/ create a div with a class \"info\"\n this.update(); \n return this._div;\n };\n info8_3.update = function (props) { \n this._div.innerHTML = '<h6><b> 3rd Dose Vax in % (5+) <\/b><\/h6>' + (props ? '<b>' + \n props.Name_EN + ': <\/b>' + (props[prop5plus_1additional] >= 0 ? (props[prop5plus_1additional]).toFixed(4) + ' percentage' : ' N\/A') : \n 'Hover over any country'); \n };\n info8_3.addTo(map8_3);\n\n info8_4 = L.control({position: 'topright'});\n info8_4.onAdd = function (map8_4) {\n this._div = L.DomUtil.create('div', 'info'); \/\/ create a div with a class \"info\"\n this.update(); \n return this._div;\n };\n info8_4.update = function (props) { \n this._div.innerHTML = '<h6><b> 3rd Dose Vax in % (5+) <\/b><\/h6>' + (props ? '<b>' + \n props.Name_EN + ': <\/b>' + (props[prop5plus_2additional] >= 0 ? (props[prop5plus_2additional]).toFixed(4) + ' percentage' : ' N\/A') : \n 'Hover over any country');\n };\n info8_4.addTo(map8_4);\n\n\/\/----------------------- Legend ------------------------\n n = Math.floor(mxtotal\/10);\n grades = [0, n, 2*n, 3*n, 4*n, 5*n, 6*n, 7*n, 8*n, 9*n];\n i = 0;\n document.getElementById(\"totalvaxlegend\").innerHTML = '<i style=\"background:' + totalColor1(grades[i], n) + '\"><\/i> 0<br>';\n for (var i = 0; i < grades.length; i++) {\n document.getElementById(\"totalvaxlegend\").innerHTML += '<i style=\"background:' + totalColor1(grades[i]+1, n) + '\"><\/i> ' +\n (grades[i]) + (grades[i + 1] ? '–' + grades[i + 1] + '<br>' : '+');\n }\n\n n = Math.floor(mxtotalp\/10);\n grades = [0, n, 2*n, 3*n, 4*n, 5*n, 6*n, 7*n, 8*n, 9*n];\n i = 0;\n document.getElementById(\"totalpvaxlegend\").innerHTML = '<i style=\"background:' + totalColor2(grades[i], n) + '\"><\/i> 0<br>';\n for (var i = 0; i < grades.length; i++) {\n document.getElementById(\"totalpvaxlegend\").innerHTML += '<i style=\"background:' + totalColor2(grades[i]+1, n) + '\"><\/i> ' +\n (grades[i]) + (grades[i + 1] ? '–' + grades[i + 1] + '<br>' : '+');\n }\n\n n = Math.floor(mxover18\/10);\n grades = [0, n, 2*n, 3*n, 4*n, 5*n, 6*n, 7*n, 8*n, 9*n];\n i = 0;\n document.getElementById(\"over18vaxlegend\").innerHTML = '<i style=\"background:' + plus18Color1(grades[i], n) + '\"><\/i> 0<br>';\n for (var i = 0; i < grades.length; i++) {\n document.getElementById(\"over18vaxlegend\").innerHTML += '<i style=\"background:' + plus18Color1(grades[i]+1, n) + '\"><\/i> ' +\n (grades[i]) + (grades[i + 1] ? '–' + grades[i + 1] + '<br>' : '+');\n }\n\n n = Math.floor(mxover18p\/10);\n grades = [0, n, 2*n, 3*n, 4*n, 5*n, 6*n, 7*n, 8*n, 9*n];\n i = 0;\n document.getElementById(\"over18pvaxlegend\").innerHTML = '<i style=\"background:' + plus18Color2(grades[i], n) + '\"><\/i> 0<br>';\n for (var i = 0; i < grades.length; i++) {\n document.getElementById(\"over18pvaxlegend\").innerHTML += '<i style=\"background:' + plus18Color2(grades[i]+1, n) + '\"><\/i> ' +\n (grades[i]) + (grades[i + 1] ? '–' + grades[i + 1] + '<br>' : '+');\n }\n\n n = Math.floor(mxover12\/10);\n grades = [0, n, 2*n, 3*n, 4*n, 5*n, 6*n, 7*n, 8*n, 9*n];\n i = 0;\n document.getElementById(\"over12vaxlegend\").innerHTML = '<i style=\"background:' + plus12Color1(grades[i], n) + '\"><\/i> 0<br>';\n for (var i = 0; i < grades.length; i++) {\n document.getElementById(\"over12vaxlegend\").innerHTML += '<i style=\"background:' + plus12Color1(grades[i]+1, n) + '\"><\/i> ' +\n (grades[i]) + (grades[i + 1] ? '–' + grades[i + 1] + '<br>' : '+');\n }\n\n n = Math.floor(mxover12p\/10);\n grades = [0, n, 2*n, 3*n, 4*n, 5*n, 6*n, 7*n, 8*n, 9*n];\n i = 0;\n document.getElementById(\"over12pvaxlegend\").innerHTML = '<i style=\"background:' + plus12Color2(grades[i], n) + '\"><\/i> 0<br>';\n for (var i = 0; i < grades.length; i++) {\n document.getElementById(\"over12pvaxlegend\").innerHTML += '<i style=\"background:' + plus12Color2(grades[i]+1, n) + '\"><\/i> ' +\n (grades[i]) + (grades[i + 1] ? '–' + grades[i + 1] + '<br>' : '+');\n }\n\n n = Math.floor(mxover5\/10);\n grades = [0, n, 2*n, 3*n, 4*n, 5*n, 6*n, 7*n, 8*n, 9*n];\n i = 0;\n document.getElementById(\"over5vaxlegend\").innerHTML = '<i style=\"background:' + plus5Color1(grades[i], n) + '\"><\/i> 0<br>';\n for (var i = 0; i < grades.length; i++) {\n document.getElementById(\"over5vaxlegend\").innerHTML += '<i style=\"background:' + plus5Color1(grades[i]+1, n) + '\"><\/i> ' +\n (grades[i]) + (grades[i + 1] ? '–' + grades[i + 1] + '<br>' : '+');\n }\n\n n = Math.floor(mxover5p\/10);\n grades = [0, n, 2*n, 3*n, 4*n, 5*n, 6*n, 7*n, 8*n, 9*n];\n i = 0;\n document.getElementById(\"over5pvaxlegend\").innerHTML = '<i style=\"background:' + plus5Color2(grades[i], n) + '\"><\/i> 0<br>';\n for (var i = 0; i < grades.length; i++) {\n document.getElementById(\"over5pvaxlegend\").innerHTML += '<i style=\"background:' + plus5Color2(grades[i]+1, n) + '\"><\/i> ' +\n (grades[i]) + (grades[i + 1] ? '–' + grades[i + 1] + '<br>' : '+');\n }\n\/\/--------------------- preparing the file to download -----------------------\n const header = Object.keys (canadavax[0]);\n const ascsv = canadavax.map (dict => (header.map(key => dict[key]).join(',')));\n result = [header.join(','), ...ascsv].join('\\n');\n var blob = new Blob([result], { type: 'text\/csv;charset=utf-8;' });\n url = window.URL.createObjectURL(blob);\n document.getElementById (\"download\").href = url;\n\n\/\/-------------------------- Other Functions -----------------\nsetCards ();\npieChart ();\nbarCharts ();\nlineCharts ();\n\n}\n<\/script>\n\n<div id=\"source\" style=\"background-color: #EAEAEA; margin-bottom: 0.25%; color: #000000; font-size: 15px; padding: 1.1%; width:100%; display: inline-block;\"> The data of this work is collected from the <a href=\"https:\/\/health-infobase.canada.ca\/covid-19\/vaccination-coverage\/\"> official website of Canada <\/a>.\n<p> The dataset is freely available to copy, use, and redistribute for any purpose, even commercial, provided that authors are appropriately credited. <\/p>\n\n<div style=\"width: 10%; float: right; margin-right: 1.5%\"> <button style=\"width: 100%; color: #000000; padding: 0.5%; border-radius: 5px; border-color: grey\" onclick=\"cite()\"> How to cite <\/button> <\/div>\n\n<div style=\"float: right; margin-right: 3%\"> Download full dataset (.csv): \n<a id=\"download\" href=\"\" onclick=\"download(this.id)\" download=\"canadavaccination.csv\">\n<img loading=\"lazy\" decoding=\"async\" style=\"padding-left: 1%\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/62\/62055.png\" alt=\"W3Schools\" width=\"23\" height=\"20\"> <\/a> <\/div>\n<\/div>\n\n\n<div style=\"background-color: #00B050; width:100%;\">\n\n\n<div style=\"background-color: #FFFFFF; color: #4D4D4D; padding: 1.5%; margin: 1%; margin-top: 1.45%; width:98%; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; display: inline-block;\"> \n \n<p align=\"justify\" style=\"margin: 0px;\"><b> COVID-19 vaccination in Canada started on Dec 14, 2020, after the approval of Pfizer-BioNTech vaccine by Health Canada on Dec 9, 2020. Following the mass vaccination efforts, Health Canada approved Moderna vaccine on Dec 23, 2020, and Oxford-AstraZeneca Vaccine on Feb 26, 2021 which was later revoked due to blood clotting events. The Jenssen vaccine was approved on Mar 5, 2021, but not received until Apr 28, 2021, and soon destroyed due to contamination issues at the factory of origin. The Jenssen vaccine was used again from Nov 2021 for the vaccine hesitant population. Canada was the first country to authorize COVID-19 vaccine for younger than 16 year old. On Nov 19, 2021, Health Canada approved a lower dosage of Pfizer-BioNTech vaccine fore children aged 5 and above. The Novavax vaccine which is the first approved COVID-19 protein subunit vaccine has also been accepted by Health Canada since Feb 17, 2022. <\/b><\/p>\n<p align=\"justify\" style=\"margin: 0px; margin-top: 1%;\"><b> Below, please find our dashboard for COVID-19 vaccination in Canada. <\/b><\/p>\n<p align=\"justify\" style=\"margin: 0px; margin-top: 1%;\"><b> Please click <a href=\"https:\/\/www.yorku.ca\/science\/mathstats\/acadic\/covid-19-in-canada\/\">here<\/a> to view our dashboard for COVID-19 in Canada.<\/b><\/p><\/div>\n\n\n<div style=\"margin: 1%; margin-top: 0%; margin-bottom: 1.1%;\">\n<div id=\"totalvax1\" style=\"width: 20%; height: 300px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left;\"> <\/div>\n<div id=\"totalvax2\" style=\"width: 20%; height: 300px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left; margin-left: 1%\"> <\/div>\n<div id=\"totalvax3\" style=\"width: 20%; height: 300px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left; margin-left: 1%\"> <\/div>\n<div id=\"totalvax4\" style=\"width: 20%; height: 300px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left; margin-left: 1%\"> <\/div>\n<div id=\"totalvaxlegend\" class=\"legend\" style=\"background-color: #EAEAEA; width: 16%; height: 300px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left; margin-left: 1%\"> <\/div> <\/div>\n\n<div style=\"margin: 1.1%; margin-bottom: 0%; margin-right: 0.7%; width:98%; display: inline-block; vertical-align: top;\">\n<div id=\"totalpvax1\" style=\"width: 20%; height: 300px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left;\"> <\/div>\n<div id=\"totalpvax2\" style=\"width: 20%; height: 300px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left; margin-left: 1%;\"> <\/div>\n<div id=\"totalpvax3\" style=\"width: 20%; height: 300px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left; margin-left: 1%;\"> <\/div>\n<div id=\"totalpvax4\" style=\"width: 20%; height: 300px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left; margin-left: 1%;\"> <\/div> \n<div id=\"totalpvaxlegend\" class=\"legend\" style=\"background-color: #EAEAEA; width: 16%; height: 300px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left; margin-left: 1%;\"> <\/div><\/div>\n\n<div style=\"margin: 1.1%; margin-bottom: 0%; margin-right: 0.7%; width:98%; display: inline-block; vertical-align: top;\">\n<div style=\"background-color: #FFFFFF; color: #4D4D4D; padding: 1%; padding-left: 30%; width: 99.9%; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float:left\">\n<b> <p id=\"total\" style=\"padding-left: 29%; margin: 0%; font-size: 15pt;\"> 2022-02-06 <\/p> <\/b>\n<input id=\"totalrange\" type=\"range\" min=\"0\" step=\"1\" max=\"80\" value=\"59\" style=\"width: 60%\" oninput=\"showtotalrange(this.value)\"> \n<\/div> <\/div>\n\n<div style=\"margin: 1.1%; margin-bottom: 0%; margin-right: 0.7%; width:98%; display: inline-block; vertical-align: top;\">\n<div id=\"over18vax1\" style=\"width: 20%; height: 300px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left;\"> <\/div>\n<div id=\"over18vax2\" style=\"width: 20%; height: 300px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left; margin-left: 1%;\"> <\/div>\n<div id=\"over18vax3\" style=\"width: 20%; height: 300px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left; margin-left: 1%;\"> <\/div>\n<div id=\"over18vax4\" style=\"width: 20%; height: 300px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left; margin-left: 1%;\"> <\/div> \n<div id=\"over18vaxlegend\" class=\"legend\" style=\"background-color: #EAEAEA; width: 16%; height: 300px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left; margin-left: 1%;\"> <\/div> <\/div>\n\n<div style=\"margin: 1.1%; margin-bottom: 0%; margin-right: 0.7%; width:98%; display: inline-block; vertical-align: top;\">\n<div id=\"over18pvax1\" style=\"width: 20%; height: 300px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left;\"> <\/div>\n<div id=\"over18pvax2\" style=\"width: 20%; height: 300px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left; margin-left: 1%;\"> <\/div>\n<div id=\"over18pvax3\" style=\"width: 20%; height: 300px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left; margin-left: 1%;\"> <\/div>\n<div id=\"over18pvax4\" style=\"width: 20%; height: 300px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left; margin-left: 1%;\"> <\/div>\n<div id=\"over18pvaxlegend\" class=\"legend\" style=\"background-color: #EAEAEA; width: 16%; height: 300px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left; margin-left: 1%;\"> <\/div> <\/div>\n\n<div style=\"margin: 1.1%; margin-buttom: 0%; margin-right: 0.7%; width:98%; display: inline-block; vertical-align: top;\">\n<div style=\"background-color: #FFFFFF; color: #4D4D4D; padding: 1%; padding-left: 30%; width: 99.9%; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float:left\">\n<b> <p id=\"plus18\" style=\"padding-left: 29%; margin: 0%; font-size: 15pt;\"> 2022-02-06 <\/p> <\/b>\n<input id=\"plus18range\" type=\"range\" min=\"24\" step=\"1\" max=\"80\" value=\"59\" style=\"width: 60%\" oninput=\"show18range(this.value)\"> \n<\/div> <\/div>\n\n<div style=\"margin: 1.1%; margin-top: 0%; margin-right: 0.7%; width:98%; display: inline-block; vertical-align: top;\">\n<div id=\"over12vax1\" style=\"width: 20%; height: 300px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left;\"> <\/div>\n<div id=\"over12vax2\" style=\"width: 20%; height: 300px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left; margin-left: 1%\"> <\/div>\n<div id=\"over12vax3\" style=\"width: 20%; height: 300px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left; margin-left: 1%\"> <\/div>\n<div id=\"over12vax4\" style=\"width: 20%; height: 300px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left; margin-left: 1%\"> <\/div> \n<div id=\"over12vaxlegend\" class=\"legend\" style=\"background-color: #EAEAEA; width: 16%; height: 300px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left; margin-left: 1%\"> <\/div><\/div>\n\n<div style=\"margin: 1.1%; margin-top: 0%; margin-right: 0.7%; width:98%; display: inline-block; vertical-align: top;\">\n<div id=\"over12pvax1\" style=\"width: 20%; height: 300px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left;\"> <\/div>\n<div id=\"over12pvax2\" style=\"width: 20%; height: 300px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left; margin-left: 1%;\"> <\/div>\n<div id=\"over12pvax3\" style=\"width: 20%; height: 300px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left; margin-left: 1%;\"> <\/div>\n<div id=\"over12pvax4\" style=\"width: 20%; height: 300px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left; margin-left: 1%;\"> <\/div> \n<div id=\"over12pvaxlegend\" class=\"legend\" style=\"background-color: #EAEAEA; width: 16%; height: 300px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left; margin-left: 1%;\"> <\/div><\/div>\n\n<div style=\"margin: 1.1%; margin-top: 0%; margin-right: 0.7%; width:98%; display: inline-block; vertical-align: top;\">\n<div style=\"background-color: #FFFFFF; color: #4D4D4D; padding: 1%; padding-left: 30%; width: 99.9%; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float:left\">\n<b> <p id=\"plus12\" style=\"padding-left: 29%; margin: 0%; font-size: 15pt;\"> 2022-02-06 <\/p> <\/b>\n<input id=\"plus12range\" type=\"range\" min=\"24\" step=\"1\" max=\"80\" value=\"59\" style=\"width: 60%\" oninput=\"show12range(this.value)\"> \n<\/div> <\/div>\n\n<div style=\"margin: 1.1%; margin-top: 0%; margin-right: 0.7%; width:98%; display: inline-block; vertical-align: top;\">\n<div id=\"over5vax1\" style=\"width: 20%; height: 300px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left;\"> <\/div>\n<div id=\"over5vax2\" style=\"width: 20%; height: 300px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left; margin-left: 1%;\"> <\/div>\n<div id=\"over5vax3\" style=\"width: 20%; height: 300px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left; margin-left: 1%;\"> <\/div>\n<div id=\"over5vax4\" style=\"width: 20%; height: 300px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left; margin-left: 1%;\"> <\/div> \n<div id=\"over5vaxlegend\" class=\"legend\" style=\"background-color: #EAEAEA; width: 16%; height: 300px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left; margin-left: 1%;\"> <\/div><\/div>\n\n<div style=\"margin: 1.1%; margin-top: 0%; margin-right: 0.7%; width:98%; display: inline-block; vertical-align: top;\">\n<div id=\"over5pvax1\" style=\"width: 20%; height: 300px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left;\"> <\/div>\n<div id=\"over5pvax2\" style=\"width: 20%; height: 300px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left; margin-left: 1%;\"> <\/div>\n<div id=\"over5pvax3\" style=\"width: 20%; height: 300px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left; margin-left: 1%;\"> <\/div>\n<div id=\"over5pvax4\" style=\"width: 20%; height: 300px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left; margin-left: 1%;\"> <\/div> \n<div id=\"over5pvaxlegend\" class=\"legend\" style=\"background-color: #EAEAEA; width: 16%; height: 300px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left; margin-left: 1%;\"> <\/div><\/div>\n\n<div style=\"margin: 1.1%; margin-top: 0%; margin-right: 0.7%; width:98%; display: inline-block; vertical-align: top;\">\n<div style=\"background-color: #FFFFFF; color: #4D4D4D; padding: 1%; padding-left: 30%; width: 99.9%; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float:left\">\n<b> <p id=\"plus5\" style=\"padding-left: 29%; margin: 0%; font-size: 15pt;\"> 2022-01 <\/p> <\/b>\n<input id=\"plus5range\" type=\"range\" min=\"24\" step=\"1\" max=\"80\" value=\"59\" style=\"width: 60%\" oninput=\"show5range(this.value)\"> \n<\/div> <\/div>\n\n\n<div style=\"background-color: #FFFFFF; color: #4D4D4D; padding: 1.5%; margin: 1.1%; margin-top: 0%; margin-right: 0.7%; width:18%; height: 621px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; display: inline-block; vertical-align: top;\">\n<p><b> Select Province: <\/b><\/p>\n<div class=\"checkb\"> <input type=\"checkbox\" id=\"Alberta\" checked=\"checked\" onclick=\"radioClick(this.id);\"> <b> Alberta <\/b><\/div>\n<div class=\"checkb\"> <input type=\"checkbox\" id=\"British Columbia\" checked=\"checked\" onclick=\"radioClick(this.id);\"> <b> British Columbia <\/b><\/div>\n<div class=\"checkb\"> <input type=\"checkbox\" id=\"Manitoba\" checked=\"checked\" onclick=\"radioClick(this.id);\"> <b> Manitoba <\/b><\/div>\n<div class=\"checkb\"> <input type=\"checkbox\" id=\"New Brunswick\" onclick=\"radioClick(this.id);\"> <b> New Brunswick <\/b><\/div>\n<div class=\"checkb\"> <input type=\"checkbox\" id=\"Newfoundland and Labrador\" onclick=\"radioClick(this.id);\"> <b> Newfoundland and Labrador <\/b><\/div>\n<div class=\"checkb\"> <input type=\"checkbox\" id=\"Northwest Territories\" onclick=\"radioClick(this.id);\"> <b> Northwest Territories <\/b><\/div>\n<div class=\"checkb\"> <input type=\"checkbox\" id=\"Nova Scotia\" onclick=\"radioClick(this.id);\"> <b> Nova Scotia <\/b><\/div>\n<div class=\"checkb\"> <input type=\"checkbox\" id=\"Nunavut\" onclick=\"radioClick(this.id);\"> <b> Nunavut <\/b><\/div>\n<div class=\"checkb\"> <input type=\"checkbox\" id=\"Ontario\" checked=\"checked\" onclick=\"radioClick(this.id);\"> <b> Ontario <\/b><\/div>\n<div class=\"checkb\"> <input type=\"checkbox\" id=\"Prince Edward Island\" onclick=\"radioClick(this.id);\"> <b> Prince Edward Island <\/b><\/div>\n<div class=\"checkb\"> <input type=\"checkbox\" id=\"Quebec\" checked=\"checked\" onclick=\"radioClick(this.id);\"> <b> Quebec <\/b><\/div>\n<div class=\"checkb\"> <input type=\"checkbox\" id=\"Repatriated travellers\" onclick=\"radioClick(this.id);\"> <b> Repatriated travellers <\/b><\/div>\n<div class=\"checkb\"> <input type=\"checkbox\" id=\"Saskatchewan\" checked=\"checked\" onclick=\"radioClick(this.id);\"> <b> Saskatchewan <\/b><\/div>\n<div class=\"checkb\"> <input type=\"checkbox\" id=\"Yukon\" onclick=\"radioClick(this.id);\"> <b> Yukon <\/b><\/div>\n<\/div>\n\n\n<div style=\"width:79.8%; margin-top: 0%; display: inline-block; vertical-align: top;\">\n\n<div style=\"background-color: #D20000; color: #FFFFFF; padding-top: 2.2%; padding-bottom: 2.2%; margin-left: 0%; width: 23.9%; text-align: center; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left;\"> \n<p style=\"margin: 0px; font-size: 10pt; padding: 1.5%\"><b> 1st Dose Vax (18+) <\/b><\/p>\n<b><p id=\"card1\" style=\"margin: 0px; font-size: 40pt\">125K<\/p><\/b><\/div>\n\n<div style=\"background-color: #CC0066; color: #FFFFFF; padding-top: 2.2%; padding-bottom: 2.2%; margin-left: 1.1%; width: 23.9%; text-align: center; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left;\"> \n<p style=\"margin: 0px; font-size: 10pt; padding: 1.5%\"><b> 2nd Dose Vax (18+) <\/b><\/p>\n<b><p id=\"card2\" style=\"margin: 0px; font-size: 40pt\">125K<\/p><\/b><\/div>\n\n<div style=\"background-color: #D20000; color: #FFFFFF; padding-top: 2.2%; padding-bottom: 2.2%; margin-left: 1.1%; width: 23.9%; text-align: center; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left;\"> \n<p style=\"margin: 0px; font-size: 10pt; padding: 1.5%\"><b> 3rd Dose Vax (18+) <\/b><\/p>\n<b><p id=\"card3\" style=\"margin: 0px; font-size: 40pt\">125K<\/p><\/b><\/div>\n\n<div style=\"background-color: #CC0066; color: #FFFFFF; padding-top: 2.2%; padding-bottom: 2.2%; margin-left: 1.1%; width: 23.9%; text-align: center; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left;\"> \n<p style=\"margin: 0px; font-size: 10pt; padding: 1.5%\"><b> 4th Dose Vax (18+) <\/b><\/p>\n<b><p id=\"card4\" style=\"margin: 0px; font-size: 40pt\">125K<\/p><\/b><\/div>\n\n\n<div style=\"background-color: #CC0066; color: #FFFFFF; padding-top: 2.2%; padding-bottom: 2.2%; margin-top: 1.5%; margin-left: 0%; width: 23.9%; text-align: center; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left;\"> \n<p style=\"margin: 0px; font-size: 10pt; padding: 1.5%\"><b> 1st Dose Vax (12+) <\/b><\/p>\n<b><p id=\"card5\" style=\"margin: 0px; font-size: 40pt\">125K<\/p><\/b><\/div>\n\n<div style=\"background-color: #D20000; color: #FFFFFF; padding-top: 2.2%; padding-bottom: 2.2%; margin-top: 1.5%; margin-left: 1.1%; width: 23.9%; text-align: center; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left;\"> \n<p style=\"margin: 0px; font-size: 10pt; padding: 1.5%\"><b> 2nd Dose Vax (12+) <\/b><\/p>\n<b><p id=\"card6\" style=\"margin: 0px; font-size: 40pt\">125K<\/p><\/b><\/div>\n\n<div style=\"background-color: #CC0066; color: #FFFFFF; padding-top: 2.2%; padding-bottom: 2.2%; margin-top: 1.5%; margin-left: 1.1%; width: 23.9%; text-align: center; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left;\"> \n<p style=\"margin: 0px; font-size: 10pt; padding: 1.5%\"><b> 3rd Dose Vax (12+) <\/b><\/p>\n<b><p id=\"card7\" style=\"margin: 0px; font-size: 40pt\">125K<\/p><\/b><\/div>\n\n<div style=\"background-color: #D20000; color: #FFFFFF; padding-top: 2.2%; padding-bottom: 2.2%; margin-top: 1.5%; margin-left: 1.1%; width: 23.9%; text-align: center; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left;\"> \n<p style=\"margin: 0px; font-size: 10pt; padding: 1.5%\"><b> 4th Dose Vax (12+) <\/b><\/p>\n<b><p id=\"card8\" style=\"margin: 0px; font-size: 40pt\">125K<\/p><\/b><\/div>\n\n\n<div style=\"background-color: #D20000; color: #FFFFFF; padding-top: 2.2%; padding-bottom: 2.2%; margin-top: 1.5%; margin-left: 0%; width: 23.9%; text-align: center; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left;\"> \n<p style=\"margin: 0px; font-size: 10pt; padding: 1.5%\"><b> 1st Dose Vax (5+) <\/b><\/p>\n<b><p id=\"card9\" style=\"margin: 0px; font-size: 40pt\">125K<\/p><\/b><\/div>\n\n<div style=\"background-color: #CC0066; color: #FFFFFF; padding-top: 2.2%; padding-bottom: 2.2%; margin-top: 1.5%; margin-left: 1.1%; width: 23.9%; text-align: center; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left;\"> \n<p style=\"margin: 0px; font-size: 10pt; padding: 1.5%\"><b> 2nd Dose Vax (5+) <\/b><\/p>\n<b><p id=\"card10\" style=\"margin: 0px; font-size: 40pt\">125K<\/p><\/b><\/div>\n\n<div style=\"background-color: #D20000; color: #FFFFFF; padding-top: 2.2%; padding-bottom: 2.2%; margin-top: 1.5%; margin-left: 1.1%; width: 23.9%; text-align: center; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left;\"> \n<p style=\"margin: 0px; font-size: 10pt; padding: 1.5%\"><b> 3rd Dose Vax (5+) <\/b><\/p>\n<b><p id=\"card11\" style=\"margin: 0px; font-size: 40pt\">125K<\/p><\/b><\/div>\n\n<div style=\"background-color: #CC0066; color: #FFFFFF; padding-top: 2.2%; padding-bottom: 2.2%; margin-top: 1.5%; margin-left: 1.1%; width: 23.9%; text-align: center; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left;\"> \n<p style=\"margin: 0px; font-size: 10pt; padding: 1.5%\"><b> 4th Dose Vax (5+) <\/b><\/p>\n<b><p id=\"card12\" style=\"margin: 0px; font-size: 40pt\">125K<\/p><\/b><\/div>\n\n<div style=\"background-color: #CC0066; color: #FFFFFF; padding-top: 2.2%; padding-bottom: 2.2%; margin-top: 1.5%; margin-left: 0%; width: 23.9%; text-align: center; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left;\"> \n<p style=\"margin: 0px; font-size: 10pt; padding: 1.5%\"><b> Total 1st Dose Vax <\/b><\/p>\n<b><p id=\"card13\" style=\"margin: 0px; font-size: 40pt\">125K<\/p><\/b><\/div>\n\n<div style=\"background-color: #D20000; color: #FFFFFF; padding-top: 2.2%; padding-bottom: 2.2%; margin-top: 1.5%; margin-left: 1.1%; width: 23.9%; text-align: center; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left;\"> \n<p style=\"margin: 0px; font-size: 10pt; padding: 1.5%\"><b> Total 2nd Dose Vax <\/b><\/p>\n<b><p id=\"card14\" style=\"margin: 0px; font-size: 40pt\">125K<\/p><\/b><\/div>\n\n<div style=\"background-color: #CC0066; color: #FFFFFF; padding-top: 2.2%; padding-bottom: 2.2%; margin-top: 1.5%; margin-left: 1.1%; width: 23.9%; text-align: center; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left;\"> \n<p style=\"margin: 0px; font-size: 10pt; padding: 1.5%\"><b> Total 3rd Dose Vax <\/b><\/p>\n<b><p id=\"card15\" style=\"margin: 0px; font-size: 40pt\">125K<\/p><\/b><\/div>\n\n<div style=\"background-color: #D20000; color: #FFFFFF; padding-top: 2.2%; padding-bottom: 2.2%; margin-top: 1.5%; margin-left: 1.1%; width: 23.9%; text-align: center; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left;\"> \n<p style=\"margin: 0px; font-size: 10pt; padding: 1.5%\"><b> Total 4th Dose Vax <\/b><\/p>\n<b><p id=\"card16\" style=\"margin: 0px; font-size: 40pt\">125K<\/p><\/b><\/div>\n<\/div>\n\n<div style=\"background-color: #FFFFFF; color: #4D4D4D; padding: 1.1%; margin: 1%; margin-top: 0%; margin-bottom: 1%; width:98%; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; display: inline-block;\"> \n\n<div id=\"pie1_1\" style=\"background-color: #FFFFFF; color: #4D4D4D; align: center; margin: 0%; width: 20%; height: 208px; float: left;\"> <\/div>\n<div id=\"pie1_2\" style=\"background-color: #FFFFFF; color: #4D4D4D; align: center; margin-left: 0.5%; width: 20%; height: 208px; float: left;\"> <\/div>\n<div id=\"pie1_3\" style=\"background-color: #FFFFFF; color: #4D4D4D; align: center; margin-left: 0.5%; width: 20%; height: 208px; float: left;\"> <\/div>\n<div id=\"pie1_4\" style=\"background-color: #FFFFFF; color: #4D4D4D; align: center; margin-left: 0.5%; width: 38.4%; height: 208px; float: left;\"> <\/div>\n\n<div id=\"pie2_1\" style=\"background-color: #FFFFFF; color: #4D4D4D; align: center; margin-top: 1%; width: 20%; height: 208px; float: left;\"> <\/div>\n<div id=\"pie2_2\" style=\"background-color: #FFFFFF; color: #4D4D4D; align: center; margin-top: 1%; margin-left: 0.5%; width: 20%; height: 208px; float: left;\"> <\/div>\n<div id=\"pie2_3\" style=\"background-color: #FFFFFF; color: #4D4D4D; align: center; margin-top: 1%; margin-left: 0.5%; width: 20%; height: 208px; float: left;\"> <\/div>\n<div id=\"pie2_4\" style=\"background-color: #FFFFFF; color: #4D4D4D; align: center; margin-top: 1%; margin-left: 0.5%; width: 38.4%; height: 208px; float: left;\"> <\/div>\n\n<div id=\"pie3_1\" style=\"background-color: #FFFFFF; color: #4D4D4D; align: center; margin-top: 1%; width: 20%; height: 208px; float: left;\"> <\/div>\n<div id=\"pie3_2\" style=\"background-color: #FFFFFF; color: #4D4D4D; align: center; margin-top: 1%; margin-left: 0.5%; width: 20%; height: 208px; float: left;\"> <\/div>\n<div id=\"pie3_3\" style=\"background-color: #FFFFFF; color: #4D4D4D; align: center; margin-top: 1%; margin-left: 0.5%; width: 20%; height: 208px; float: left;\"> <\/div>\n<div id=\"pie3_4\" style=\"background-color: #FFFFFF; color: #4D4D4D; align: center; margin-top: 1%; margin-left: 0.5%; width: 38.4%; height: 208px; float: left;\"> <\/div>\n\n<div id=\"pie4_1\" style=\"background-color: #FFFFFF; color: #4D4D4D; align: center; margin-top: 1%; width: 20%; height: 208px; float: left;\"> <\/div>\n<div id=\"pie4_2\" style=\"background-color: #FFFFFF; color: #4D4D4D; align: center; margin-top: 1%; margin-left: 0.5%; width: 20%; height: 208px; float: left;\"> <\/div>\n<div id=\"pie4_3\" style=\"background-color: #FFFFFF; color: #4D4D4D; align: center; margin-top: 1%; margin-left: 0.5%; width: 20%; height: 208px; float: left;\"> <\/div>\n<div id=\"pie4_4\" style=\"background-color: #FFFFFF; color: #4D4D4D; align: center; margin-top: 1%; margin-left: 0.5%; width: 38.4%; height: 208px; float: left;\"> <\/div>\n\n<\/div>\n\n<div id=\"agebar\" style=\"background-color: #FFFFFF; color: #4D4D4D; padding: 1.1%; margin: 1%; margin-top: 0%; margin-bottom: 1%; width:98%; height: 446px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; display: inline-block;\"> <\/div>\n\n<div id=\"dosebar\" style=\"background-color: #FFFFFF; color: #4D4D4D; padding: 1.1%; margin: 1%; margin-top: 0%; margin-bottom: 1%; width:98%; height: 446px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; display: inline-block;\"> <\/div>\n\n<div id=\"chart1_1\" style=\"background-color: #FFFFFF; color: #4D4D4D; padding: 1.1%; margin: 1%; margin-top: 0%; margin-bottom: 1%; width:98%; height: 446px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; display: inline-block;\"> <\/div>\n\n<div id=\"chart1_2\" style=\"background-color: #FFFFFF; color: #4D4D4D; padding: 1.1%; margin: 1%; margin-top: 0%; margin-bottom: 1%; width:98%; height: 446px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; display: inline-block;\"> <\/div>\n\n<div id=\"chart1_3\" style=\"background-color: #FFFFFF; color: #4D4D4D; padding: 1.1%; margin: 1%; margin-top: 0%; margin-bottom: 1%; width:98%; height: 446px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; display: inline-block;\"> <\/div>\n\n<div id=\"chart1_4\" style=\"background-color: #FFFFFF; color: #4D4D4D; padding: 1.1%; margin: 1%; margin-top: 0%; margin-bottom: 1%; width:98%; height: 446px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; display: inline-block;\"> <\/div>\n\n<div id=\"chart2_1\" style=\"background-color: #FFFFFF; color: #4D4D4D; padding: 1.1%; margin: 1%; margin-top: 0%; margin-bottom: 1%; width:98%; height: 446px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; display: inline-block;\"> <\/div>\n\n<div id=\"chart2_2\" style=\"background-color: #FFFFFF; color: #4D4D4D; padding: 1.1%; margin: 1%; margin-top: 0%; margin-bottom: 1%; width:98%; height: 446px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; display: inline-block;\"> <\/div>\n\n<div id=\"chart2_3\" style=\"background-color: #FFFFFF; color: #4D4D4D; padding: 1.1%; margin: 1%; margin-top: 0%; margin-bottom: 1%; width:98%; height: 446px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; display: inline-block;\"> <\/div>\n\n<div id=\"chart2_4\" style=\"background-color: #FFFFFF; color: #4D4D4D; padding: 1.1%; margin: 1%; margin-top: 0%; margin-bottom: 1%; width:98%; height: 446px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; display: inline-block;\"> <\/div>\n\n<div id=\"chart3_1\" style=\"background-color: #FFFFFF; color: #4D4D4D; padding: 1.1%; margin: 1%; margin-top: 0%; margin-bottom: 1%; width:98%; height: 446px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; display: inline-block;\"> <\/div>\n\n<div id=\"chart3_2\" style=\"background-color: #FFFFFF; color: #4D4D4D; padding: 1.1%; margin: 1%; margin-top: 0%; margin-bottom: 1%; width:98%; height: 446px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; display: inline-block;\"> <\/div>\n\n<div id=\"chart3_3\" style=\"background-color: #FFFFFF; color: #4D4D4D; padding: 1.1%; margin: 1%; margin-top: 0%; margin-bottom: 1%; width:98%; height: 446px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; display: inline-block;\"> <\/div>\n\n<div id=\"chart3_4\" style=\"background-color: #FFFFFF; color: #4D4D4D; padding: 1.1%; margin: 1%; margin-top: 0%; margin-bottom: 1%; width:98%; height: 446px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; display: inline-block;\"> <\/div>\n\n<div id=\"chart4_1\" style=\"background-color: #FFFFFF; color: #4D4D4D; padding: 1.1%; margin: 1%; margin-top: 0%; margin-bottom: 1%; width:98%; height: 446px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; display: inline-block;\"> <\/div>\n\n<div id=\"chart4_2\" style=\"background-color: #FFFFFF; color: #4D4D4D; padding: 1.1%; margin: 1%; margin-top: 0%; margin-bottom: 1%; width:98%; height: 446px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; display: inline-block;\"> <\/div>\n\n<div id=\"chart4_3\" style=\"background-color: #FFFFFF; color: #4D4D4D; padding: 1.1%; margin: 1%; margin-top: 0%; margin-bottom: 1%; width:98%; height: 446px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; display: inline-block;\"> <\/div>\n\n<div id=\"chart4_4\" style=\"background-color: #FFFFFF; color: #4D4D4D; padding: 1.1%; margin: 1%; margin-top: 0%; margin-bottom: 1%; width:98%; height: 446px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; display: inline-block;\"> <\/div>\n\n<\/div>\n\n<\/body>\n<\/html>\n\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.yorku.ca\/science\/mathstats\/acadic\/wp-content\/uploads\/sites\/220\/2021\/12\/Sponsor3-5-1024x210.png\" alt=\"\" class=\"wp-image-1087\" width=\"819\" height=\"168\" srcset=\"https:\/\/www.yorku.ca\/science\/mathstats\/acadic\/wp-content\/uploads\/sites\/220\/2021\/12\/Sponsor3-5-1024x210.png 1024w, https:\/\/www.yorku.ca\/science\/mathstats\/acadic\/wp-content\/uploads\/sites\/220\/2021\/12\/Sponsor3-5-300x62.png 300w, https:\/\/www.yorku.ca\/science\/mathstats\/acadic\/wp-content\/uploads\/sites\/220\/2021\/12\/Sponsor3-5.png 1068w\" sizes=\"auto, (max-width: 819px) 100vw, 819px\" \/><\/figure><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Vaccination in Canada The data of this work is collected from the official website of Canada . The dataset is freely available to copy, use, and redistribute for any purpose, even commercial, provided that authors are appropriately credited. How to cite Download full dataset (.csv): COVID-19 vaccination in Canada started on Dec 14, 2020, after […]<\/p>\n","protected":false},"author":1071,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","ngg_post_thumbnail":0,"footnotes":""},"tags":[],"class_list":["post-4309","page","type-page","status-publish","hentry"],"taxonomy_info":[],"featured_image_src_large":false,"author_info":{"display_name":"zahrania","author_link":"https:\/\/www.yorku.ca\/science\/mathstats\/acadic\/author\/zahrania\/"},"comment_info":0,"_links":{"self":[{"href":"https:\/\/www.yorku.ca\/science\/mathstats\/acadic\/wp-json\/wp\/v2\/pages\/4309","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.yorku.ca\/science\/mathstats\/acadic\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.yorku.ca\/science\/mathstats\/acadic\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.yorku.ca\/science\/mathstats\/acadic\/wp-json\/wp\/v2\/users\/1071"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yorku.ca\/science\/mathstats\/acadic\/wp-json\/wp\/v2\/comments?post=4309"}],"version-history":[{"count":308,"href":"https:\/\/www.yorku.ca\/science\/mathstats\/acadic\/wp-json\/wp\/v2\/pages\/4309\/revisions"}],"predecessor-version":[{"id":4957,"href":"https:\/\/www.yorku.ca\/science\/mathstats\/acadic\/wp-json\/wp\/v2\/pages\/4309\/revisions\/4957"}],"wp:attachment":[{"href":"https:\/\/www.yorku.ca\/science\/mathstats\/acadic\/wp-json\/wp\/v2\/media?parent=4309"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.yorku.ca\/science\/mathstats\/acadic\/wp-json\/wp\/v2\/tags?post=4309"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}