{"id":3910,"date":"2023-01-11T18:53:16","date_gmt":"2023-01-11T23:53:16","guid":{"rendered":"https:\/\/www.yorku.ca\/science\/mathstats\/acadic\/?page_id=3910"},"modified":"2023-02-13T11:50:55","modified_gmt":"2023-02-13T16:50:55","slug":"dengue-fever-in-africa","status":"publish","type":"page","link":"https:\/\/www.yorku.ca\/science\/mathstats\/acadic\/dengue-fever-in-africa\/","title":{"rendered":"Dengue Fever in Africa"},"content":{"rendered":"\n<title> Dengue Fever in Africa <\/title>\n<!-- ------------------ Some JavaScript Libraries ---------------------- --> \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\/africa.js\"><\/script>\n<script src=\"https:\/\/acadic-portal.github.io\/dengue.js\"><\/script>\n\n<!-- ------------------------ Header Functions\/Variables ---------------------------- -->\n<script>\nmyafrica = africa; \/\/ For building maps;\nmydengue = dengue; \/\/ For building charts;\n\nvar result;\nvar url;\nvar nullCountries; \/\/ For disabling unsupported checkboxes\nvar mx_r_value;\n\nvar map1;\nvar geojson1;\nvar info1;\n\/\/ Below variables are to know which date for each map\nvar casedate1;\nfunction caseColor (d) { return d > 1300000 ? '#003200' :\n                                d > 700000  ? '#005C00' :\n                                d > 500000  ? '#008000' :\n                                d > 400000  ? '#009C00' :\n                                d > 300000  ? '#00B800' : \n                                d > 200000  ? '#00CC00' : \n                                d > 100000  ? '#00EE00' :\n                                d > 75000   ? '#10FF00' :\n                                d > 50000   ? '#60FC04' :\n                                d > 25000   ? '#9EFF01' :\n                                d > 0       ? '#C8FE02' :\n                                d ==  0     ? '#FFFFFF' :\n                                              '#FBF8F3' ; }\nfunction getOpacity(d) { return d >= 0 ? 1 : d == 0 ? 0 : 0; }\nfunction caseStyle1 (feature) { return { fillColor: caseColor (feature.properties[casedate1]), weight: 0.5,             \n                                      opacity: getOpacity(feature.properties[casedate1]),\n                                      color: 'black', fillOpacity: getOpacity(feature.properties[casedate1]) }; }\nfunction highlightFeature1 (e) {\n    var layer = e.target;\n    layer.setStyle({ weight: .5, color: '#000', dashArray: '', fillOpacity: 0.7 });\n    if (!L.Browser.opera && !L.Browser.edge) layer.bringToFront();\n    info1.update(layer.feature.properties);\n}\nfunction resetHighlight1 (e) { \n    geojson1.resetStyle(e.target); \n    info1.update(); \n}\nfunction zoomToFeature1 (e) { map1.fitBounds (e.target.getBounds()); }\nfunction onEachFeature1 (feature, layer) { layer.on({ mouseover: highlightFeature1, mouseout: resetHighlight1, click: zoomToFeature1 }); }\n\n\/*~~~~~~~~~~~~~~~~ Range Function ~~~~~~~~~~~~~~~~*\/\nfunction showcaserange (v0) {\n  casedate1 = \"new_cases\" + v0;\n  document.getElementById (\"caserange\").innerHTML = v0;\n  if (geojson1) map1.removeLayer(geojson1);\n  geojson1 = L.geoJson(myafrica, {style: caseStyle1, onEachFeature: onEachFeature1}).addTo(map1);\n}\n\/*~~~~~~~~~~~~~~~~ Set Cards ~~~~~~~~~~~~~~~~*\/\nfunction setcards () {\n  v = [0, 0, 1300000, 0];\n  n = 0;\n  country = myafrica.features;\n  for (var i=0; i < country.length; i++) {\n    item = country[i][\"properties\"][\"adm0_a3\"]\n    if (document.getElementById(item) && document.getElementById(item).disabled == false && document.getElementById(item).checked) {\n      for (var m = 1990; m <= Number(mx_r_value); m++) {\n        col = \"new_cases\" + m.toString();\n        dummy = Number(country[i][\"properties\"][col]);\n        if (dummy && dummy != 0) { \n          v[0] += dummy; \n          v[1] += dummy; \n          n += 1; \n          if (v[2] > dummy) v[2] = dummy;\n          if (v[3] < dummy) v[3] = dummy;\n        }\n      }\n    }\n  }   \n\n  if (n != 0) v[1] = v[1] \/ n;\n  v[0] = Math.floor (v[0] \/ 1000);\n  v[1] = Math.floor (v[1] \/ 1000);\n  v[2] = Math.floor (v[2] \/ 1000);\n  v[3] = Math.floor (v[3] \/ 1000);\n\n  document.getElementById (\"card4\").innerHTML = v[0].toString() + \"K\";\n  document.getElementById (\"card3\").innerHTML = v[1].toString() + \"K\";\n  document.getElementById (\"card2\").innerHTML = v[2].toString() + \"K\";\n  document.getElementById (\"card1\").innerHTML = v[3].toString() + \"K\";\n\n}\n\/*~~~~~~~~~~~~~~~~ Charts ~~~~~~~~~~~~~~~~*\/\nfunction boxchart () {\n  box = [];\n  country = myafrica.features;\n  for (var i=0; i < country.length; i++) {\n    item = country[i][\"properties\"][\"adm0_a3\"];\n    if (document.getElementById(item) && document.getElementById(item).disabled == false && document.getElementById(item).checked) {\n      var x1 = country[i][\"properties\"][\"admin\"];\n      var y1 = [];\n      for (var m=1990; m <= Number(mx_r_value); m++) {\n        col = \"new_cases\" + m.toString();\n        dummy = country[i][\"properties\"][col];\n        y1.push(Number(dummy));\n      }\n      y1.sort(function(a,b){ return a-b; });\n      n = Math.floor(y1.length\/4)\n      y2 = [y1[0], y1[n], y1[2*n], y1[3*n], y1[y1.length-1]];\n      box.push ({x:x1, y:y2});\n    }   \n  }\n  var options = {series: [{type: 'boxPlot', data: box}],\n          chart: {type: 'boxPlot',height: 420}, title: {text: 'Distribution of the Number of Dengue Fever Cases', align: 'left'},\n          plotOptions: {bar: {horizontal: true},boxPlot: {colors: {upper: '#55586B', lower: '#A5A7B7'}}} };\n  document.getElementById(\"boxchart\").innerHTML = \"\";     \n  new ApexCharts(document.getElementById(\"boxchart\"), options).render();\n\n}\n\/\/---------------------\nfunction totalchart () {\n  categ = [];\n  data = [];\n  country = myafrica.features;\n  for (var i=0; i < country.length; i++) {\n    item = country[i][\"properties\"][\"adm0_a3\"]\n    if (document.getElementById(item) && document.getElementById(item).disabled == false && document.getElementById(item).checked) {\n      dummy = 0\n      for (var m=1990; m <= Number(mx_r_value); m++) {\n        col = \"new_cases\" + m.toString();\n        if (country[i][\"properties\"][col]) dummy += country[i][\"properties\"][col]\n      }\n      categ.push (country[i][\"properties\"][\"admin\"]);\n      data.push (dummy);\n    }\n  }\n  var options = { series: [{ name: 'Total Cases', data: data}], chart: { height: 420, type: 'bar' }, \n                  plotOptions: { bar: { borderRadius: 5, columnWidth: '50%' } }, dataLabels: { enabled: false }, stroke: { width: 2 },   \n                  grid: { row: { colors: ['#fff', '#f2f2f2'] } }, xaxis: { categories: categ, },\n                  yaxis: { title: { text: 'Total Dengue Fever Cases' } }, \n                  title: {text: 'Total Number of Dengue Fever Cases', align: 'left'},\n                  fill: { type: 'gradient', gradient: { shade: 'light', type: \"horizontal\", shadeIntensity: 0.25, gradientToColors: undefined,\n                          inverseColors: true, opacityFrom: 0.85, opacityTo: 0.85, stops: [50, 0, 100] } } };\n  document.getElementById(\"totalchart\").innerHTML = \"\";     \n  new ApexCharts(document.getElementById(\"totalchart\"), options).render();\n}\n\/\/---------------------\nfunction caseschart () {\n  date = []\n  for (var m=1990; m <= Number(mx_r_value); m++) date.push (m.toString());\n  s = []\n  country = myafrica.features;\n  for (var i=0; i < country.length; i++) {\n    item = country[i][\"properties\"][\"adm0_a3\"]\n    if (document.getElementById(item) && document.getElementById(item).disabled == false && document.getElementById(item).checked) {\n      dummy = {name: country[i][\"properties\"][\"admin\"]};\n      data = [];\n      for (var j=1990; j <= Number(mx_r_value); j++) {\n        col = \"new_cases\" + j.toString();\n        if (country[i][\"properties\"][col]) data.push (country[i][\"properties\"][col]);\n        else data.push (0);\n      }\n      dummy[\"data\"] = data;\n      s.push(dummy);\n    }  \n  }\n  var options = {series: s, chart: {height: 400, type: \"line\", animations: {enabled: false}, dynamicAnimation: {enabled: false}}, \n                          yaxis: [{labels: {formatter: function(val) {return val.toFixed(4);}}}],\n                       title: {text: 'Number of Dengue Fever Cases', align: 'left'}, dataLabels: {enabled: false}, \n                       stroke: {width: 2}, xaxis: {categories: date}, };\n  document.getElementById(\"casechart\").innerHTML = \"\";     \n  new ApexCharts(document.getElementById(\"casechart\"), options).render();\n\n}\n\/\/-----------------\nfunction cmlcaseschart () {\n  date = []\n  for (var m=1990; m <= Number(mx_r_value); m++) date.push (m.toString());\n  s = []\n  country = africa.features;\n  for (var i=0; i < country.length; i++) {\n    item = country[i][\"properties\"][\"adm0_a3\"]\n    if (document.getElementById(item) && document.getElementById(item).disabled == false && document.getElementById(item).checked) {\n      dummy = {name: country[i][\"properties\"][\"admin\"]};\n      data = [];\n      cml = 0; \/\/Because it's cumulative, if the value was not available the previous value should be pushed not zero.\n      for (var j=1990; j <= Number(mx_r_value); j++) {\n        dt = j.toString();\n        col = \"new_cases\" + dt;\n        if (country[i][\"properties\"][col]) cml += country[i][\"properties\"][col]; \n        data.push (cml);\n      }\n      dummy[\"data\"] = data;\n      s.push(dummy);\n    }  \n  }\n  var options = {series: s, chart: {height: 400, type: \"area\", animations: {enabled: false}, dynamicAnimation: {enabled: false}}, \n                          yaxis: [{labels: {formatter: function(val) {return val.toFixed(4);}}}],\n                          title: {text: 'Cumulative Number of Dengue Fever Cases', align: 'left'}, \n                          dataLabels: {enabled: false}, stroke: {width: 2}, xaxis: {categories: date}, };\n  document.getElementById(\"cmlcasechart\").innerHTML = \"\";     \n  new ApexCharts(document.getElementById(\"cmlcasechart\"), options).render();\n}\n\n\/* ~~~~~~~~~~~~~~~~~~~~~~~~~~ Citation ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ *\/\nfunction cite() { \n  message = \"Please kindly cite our work and the underlying data source:<br> 1. ZM Nia, JD Kong, Dengue Fever in Africa (2022) http:\/\/acadic.org\/dengue-fever-in-africa<br> 2. Global Burden of Disease Collaborative Network. Global Burden of Disease ¿ì²¥ÊÓƵ 2019 (GBD 2019) Results. Seattle, United States: Institute for Health Metrics and Evaluation (IHME), 2021\";\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\n\/*~~~~~~~~~~~~~~~~ Checkbox Click ~~~~~~~~~~~~~~~~~~*\/\nfunction radioClick (id) {\n  setcards ();\n  boxchart ();\n  totalchart();\n  caseschart ();\n  cmlcaseschart ();\n}\n\n<\/script> \n\n<style>\n<!-- -------------------------------- CSS from Here ------------------------------ -->\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    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  padding-right: 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 from Here ------------------------------- -->\n\n<script>\nnullCountries = [];\nmx_r_value = 0; \/\/This is to set the maximum of range blocks\n\nfor (var i=myafrica[\"features\"].length-1; i>=0; i--) {\n  alpha3 = myafrica[\"features\"][i][\"properties\"][\"adm0_a3\"]\n  r_value = 0;\n  b = 0;\n  for (var j=0; j<mydengue.length; j++) {\n    if (mydengue[j][\"Code\"] == alpha3) {\n      b = 1;\n      r_value++;\n      field = \"new_cases\" + mydengue[j][\"Year\"];\n      myafrica[\"features\"][i][\"properties\"][field] = Number(mydengue[j][\"cases\"]);\n    }\n  }\n  if (r_value > mx_r_value) mx_r_value = r_value;\n  if (b == 0) {\n    myafrica[\"features\"].splice(i, 1); \n    nullCountries.push (alpha3);      \n  }\n}\nmx_r_value--;\nmx_r_value = (mx_r_value + 1990).toString();\ncasedate1 = \"new_cases2000\";\n\nwindow.onload = plzwork;\nfunction plzwork () { \n\ndocument.getElementById(\"cases\").max = mx_r_value;\nfor (var i=0; i<nullCountries.length; i++) document.getElementById(nullCountries[i]).disabled = true;\n\n\/*------------------ MAPS --------------------*\/\n  map1 = L.map('choropleth1',  {attributionControl:false}).setView([8, 29], 3);\n  map1.zoomControl.setPosition('topleft');\n  var tiles1 = L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/rastertiles\/voyager\/{z}\/{x}\/{y}.png', {maxZoom: 19,\n          attribution: '&copy; <a href=\"https:\/\/carto.com\/\">carto.com<\/a> contributors'}).addTo(map1);\n  geojson1 = L.geoJson(myafrica, {style: caseStyle1, onEachFeature: onEachFeature1}).addTo(map1);\n\n  info1 = L.control();\n  info1.onAdd = function (map1) {\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.update = function (props) {         \n    this._div.innerHTML = '<h4><b>Number of Dengue Fever Cases <\/b><\/h4>' +  (props ? '<b>' + props.admin + ': <\/b>' +\n    (props[casedate1] >= 0 ? (props[casedate1]).toFixed(4) + ' cases' : ' N\/A') : 'Hover over any country'); \n  };\n  info1.addTo(map1);\n\n  legend1 = L.control({position: 'bottomright'});\n  legend1.onAdd = function (map1) { \n    var div = L.DomUtil.create('div', 'info legend'),\n    grades = [0, 25000, 50000, 75000, 100000, 200000, 300000, 400000, 500000, 700000, 1300000],\n    labels = [];\n    i = 0;\n    div.innerHTML = '<i style=\"background:' + caseColor(grades[i]) + '\"><\/i> 0<br>';\n    for (var i = 0; i < grades.length; i++) {\n      div.innerHTML += '<i style=\"background:' + caseColor(grades[i]+1) + '\"><\/i> ' +\n      (grades[i]) + (grades[i + 1] ? '&ndash;' + grades[i + 1] + '<br>' : '+');\n    }\n    div.id = \"lgnd1\";\n    return div;\n  }\n  legend1.addTo(map1);\n\n\/\/--------------------- preparing the file to download -----------------------\n  const header = Object.keys (dengue[0]);\n  const ascsv = dengue.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 ();\nboxchart ();\ntotalchart();\ncaseschart ();\ncmlcaseschart ();\n}\n\n<\/script>\n<!-- --------------------------- Source -------------------------------- -->\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:\/\/www.healthdata.org\/\"> Institute of Health Metrics and Evaluation<\/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=\"denguefever.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<!-- -------------------------- HTML from Here --------------------------- -->\n<div style=\"background-color: #B9FA00; width:100%;\">\n\n<!-- ---------- introduction ----------- -->\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<p align=\"justify\" style=\"margin: 0px;\"><b> Dengue fever is a vector-borne tropical disease that is caused by the dengue virus which spreads through several species of female mosquitoes of the Aedes genus, principally aedes aegypti. Typically, symptoms which begin three to fourteen days after infection, include high fever, headache, vomiting, muscle\/joint pain, and skin rash and itching. In severe cases, the disease may develop into dengue hemorrhagic fever, where bleeding, blood plasma leakage, and low levels of platelets, or into dengue shock syndrome, resulting into dangerously low blood pressure. There is an approved vaccine for dengue fever, however, since 2018, it is mainly distributed among populations with high rate of prior infection. Since the second world war, dengue fever has become a global issue, and common among more than 120 countries. About 390 million people are infected with dengue fever each African year, half a million are hospitalized, and roughly, 40000 die. Unfortunately, the number of dengue fever cases has increased over the years in some  countries. <\/b><\/p> <p align=\"justify\" style=\"margin: 0px; margin-top: 1%;\"><b> Below please find our dashboard for Dengue fever cases in Africa. <\/b><\/p><\/div>\n\n<!-- ----------------------------- Add Links Here --------------------------------- -->\n\n<!-- ------------------------------- Case MAP ---------------------------------- -->\n<div style=\"margin: 1%; margin-top: 0%;\">\n<div id=\"choropleth1\" style=\"width: 100%; height: 525px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left;\">  <\/div><\/div>\n\n<!-- --------------------------------- Case Range --------------------------- -->\n<div style=\"margin: 1.1%; margin-top: 1%; 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=\"caserange\" style=\"padding-left: 29%; margin: 0%; font-size: 15pt;\"> 2000 <\/p> <\/b>\n<input id=\"cases\" type=\"range\" min=\"1990\" step=\"1\" max=\"2019\" value=\"2000\" style=\"width: 60%\" oninput=\"showcaserange(this.value)\"> \n<\/div> <\/div>\n\n<!-- --------------------------------- Select Country ---------------------------- -->\n<div style=\"background-color: #FFFFFF; color: #4D4D4D; padding: 1.5%; margin: 1%; margin-top: 0%; margin-right: 0.7%; width:18%; height: 2008px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; display: inline-block; vertical-align: top;\">\n<p><b> Select Country: <\/b><\/p>\n<div class=\"checkb\"> <input type=\"checkbox\" id=\"DZA\" onclick=\"radioClick(this.id);\"> <b> Algeria <\/b><\/div>\n<div class=\"checkb\"> <input type=\"checkbox\" id=\"AGO\" onclick=\"radioClick(this.id);\"> <b> Angola <\/b><\/div>\n<div class=\"checkb\"> <input type=\"checkbox\" id=\"BEN\" onclick=\"radioClick(this.id);\"> <b> Benin <\/b><\/div>\n<div class=\"checkb\"> <input type=\"checkbox\" id=\"BWA\" checked=\"checked\" onclick=\"radioClick(this.id);\"> <b> Botswana <\/b><\/div>\n<div class=\"checkb\"> <input type=\"checkbox\" id=\"BFA\" onclick=\"radioClick(this.id);\"> <b> Burkina Faso <\/b><\/div>\n<div class=\"checkb\"> <input type=\"checkbox\" id=\"BDI\" onclick=\"radioClick(this.id);\"> <b> Burundi <\/b><\/div>\n<div class=\"checkb\"> <input type=\"checkbox\" id=\"CMR\" checked=\"checked\" onclick=\"radioClick(this.id);\"> <b> Cameroon <\/b><\/div>\n<div class=\"checkb\"> <input type=\"checkbox\" id=\"CAF\" onclick=\"radioClick(this.id);\"> <b> Central African Republic <\/b><\/div>\n<div class=\"checkb\"> <input type=\"checkbox\" id=\"TCD\" onclick=\"radioClick(this.id);\"> <b> Chad <\/b><\/div>\n<div class=\"checkb\"> <input type=\"checkbox\" id=\"COG\" onclick=\"radioClick(this.id);\"> <b> Congo <\/b><\/div>\n<div class=\"checkb\"> <input type=\"checkbox\" id=\"DJI\" onclick=\"radioClick(this.id);\"> <b> Djibouti <\/b><\/div>\n<div class=\"checkb\"> <input type=\"checkbox\" id=\"COD\" onclick=\"radioClick(this.id);\"> <b> DR Congo <\/b><\/div>\n<div class=\"checkb\"> <input type=\"checkbox\" id=\"EGY\" onclick=\"radioClick(this.id);\"> <b> Egypt <\/b><\/div>\n<div class=\"checkb\"> <input type=\"checkbox\" id=\"GNQ\" onclick=\"radioClick(this.id);\"> <b> Equatorial Guinea <\/b><\/div>\n<div class=\"checkb\"> <input type=\"checkbox\" id=\"ERI\" onclick=\"radioClick(this.id);\"> <b> Eritrea <\/b><\/div>\n<div class=\"checkb\"> <input type=\"checkbox\" id=\"ETH\" onclick=\"radioClick(this.id);\"> <b> Ethiopia <\/b><\/div>\n<div class=\"checkb\"> <input type=\"checkbox\" id=\"GAB\" onclick=\"radioClick(this.id);\"> <b> Gabon <\/b><\/div>\n<div class=\"checkb\"> <input type=\"checkbox\" id=\"GMB\" onclick=\"radioClick(this.id);\"> <b> Gambia <\/b><\/div>\n<div class=\"checkb\"> <input type=\"checkbox\" id=\"GHA\" onclick=\"radioClick(this.id);\"> <b> Ghana <\/b><\/div>\n<div class=\"checkb\"> <input type=\"checkbox\" id=\"GIN\" onclick=\"radioClick(this.id);\"> <b> Guinea <\/b><\/div>\n<div class=\"checkb\"> <input type=\"checkbox\" id=\"GNB\" onclick=\"radioClick(this.id);\"> <b> Guinea-Bissau <\/b><\/div>\n<div class=\"checkb\"> <input type=\"checkbox\" id=\"CIV\" onclick=\"radioClick(this.id);\"> <b> Ivory Coast <\/b><\/div>\n<div class=\"checkb\"> <input type=\"checkbox\" id=\"KEN\" onclick=\"radioClick(this.id);\"> <b> Kenya <\/b><\/div>\n<div class=\"checkb\"> <input type=\"checkbox\" id=\"LSO\" onclick=\"radioClick(this.id);\"> <b> Lesotho <\/b><\/div>\n<div class=\"checkb\"> <input type=\"checkbox\" id=\"LBR\" onclick=\"radioClick(this.id);\"> <b> Liberia <\/b><\/div>\n<div class=\"checkb\"> <input type=\"checkbox\" id=\"LBY\" onclick=\"radioClick(this.id);\"> <b> Libya <\/b><\/div>\n<div class=\"checkb\"> <input type=\"checkbox\" id=\"MDG\" onclick=\"radioClick(this.id);\"> <b> Madagascar <\/b><\/div>\n<div class=\"checkb\"> <input type=\"checkbox\" id=\"MWI\" onclick=\"radioClick(this.id);\"> <b> Malawi <\/b><\/div>\n<div class=\"checkb\"> <input type=\"checkbox\" id=\"MLI\" onclick=\"radioClick(this.id);\"> <b> Mali <\/b><\/div>\n<div class=\"checkb\"> <input type=\"checkbox\" id=\"MRT\" onclick=\"radioClick(this.id);\"> <b> Mauritania <\/b><\/div>\n<div class=\"checkb\"> <input type=\"checkbox\" id=\"MAR\" onclick=\"radioClick(this.id);\"> <b> Morocco <\/b><\/div>\n<div class=\"checkb\"> <input type=\"checkbox\" id=\"MOZ\" checked=\"checked\" onclick=\"radioClick(this.id);\"> <b> Mozambique <\/b><\/div>\n<div class=\"checkb\"> <input type=\"checkbox\" id=\"NAM\" checked=\"checked\" onclick=\"radioClick(this.id);\"> <b> Namibia <\/b><\/div>\n<div class=\"checkb\"> <input type=\"checkbox\" id=\"NER\" onclick=\"radioClick(this.id);\"> <b> Niger <\/b><\/div>\n<div class=\"checkb\"> <input type=\"checkbox\" id=\"NGA\" checked=\"checked\" onclick=\"radioClick(this.id);\"> <b> Nigeria <\/b><\/div>\n<div class=\"checkb\"> <input type=\"checkbox\" id=\"RWA\" checked=\"checked\" onclick=\"radioClick(this.id);\"> <b> Rwanda <\/b><\/div>\n<div class=\"checkb\"> <input type=\"checkbox\" id=\"SEN\" onclick=\"radioClick(this.id);\"> <b> Senegal <\/b><\/div>\n<div class=\"checkb\"> <input type=\"checkbox\" id=\"SLE\" onclick=\"radioClick(this.id);\"> <b> Sierra Leone <\/b><\/div>\n<div class=\"checkb\"> <input type=\"checkbox\" id=\"SOM\" onclick=\"radioClick(this.id);\"> <b> Somalia <\/b><\/div>\n<div class=\"checkb\"> <input type=\"checkbox\" id=\"SOL\" onclick=\"radioClick(this.id);\"> <b> Somaliland <\/b><\/div>\n<div class=\"checkb\"> <input type=\"checkbox\" id=\"ZAF\" checked=\"checked\" onclick=\"radioClick(this.id);\"> <b> South Africa <\/b><\/div>\n<div class=\"checkb\"> <input type=\"checkbox\" id=\"SDS\" onclick=\"radioClick(this.id);\"> <b> South Soudan <\/b><\/div>\n<div class=\"checkb\"> <input type=\"checkbox\" id=\"SDN\" onclick=\"radioClick(this.id);\"> <b> Sudan <\/b><\/div>\n<div class=\"checkb\"> <input type=\"checkbox\" id=\"SWZ\" checked=\"checked\" onclick=\"radioClick(this.id);\"> <b> Swaziland (Eswatini) <\/b><\/div>\n<div class=\"checkb\"> <input type=\"checkbox\" id=\"TZA\" onclick=\"radioClick(this.id);\"> <b> Tanzania <\/b><\/div>\n<div class=\"checkb\"> <input type=\"checkbox\" id=\"TGO\" onclick=\"radioClick(this.id);\"> <b> Togo <\/b><\/div>\n<div class=\"checkb\"> <input type=\"checkbox\" id=\"TUN\" onclick=\"radioClick(this.id);\"> <b> Tunisia <\/b><\/div>\n<div class=\"checkb\"> <input type=\"checkbox\" id=\"UGA\" onclick=\"radioClick(this.id);\"> <b> Uganda <\/b><\/div>\n<div class=\"checkb\"> <input type=\"checkbox\" id=\"SAH\" onclick=\"radioClick(this.id);\"> <b> Western Sahara <\/b><\/div>\n<div class=\"checkb\"> <input type=\"checkbox\" id=\"ZMB\" onclick=\"radioClick(this.id);\"> <b> Zambia <\/b><\/div>\n<div class=\"checkb\"> <input type=\"checkbox\" id=\"ZWE\" checked=\"checked\" onclick=\"radioClick(this.id);\"> <b> Zimbabwe <\/b><\/div>\n<\/div>\n\n<!-- ---------------------------------- Cards -------------------------------------- -->\n<div style=\"width:79.8%; margin-top: 0%; display: inline-block; vertical-align: top;\">\n\n<div style=\"background-color: #FFFFFF; color: #4D4D4D; padding-top: 5%; padding-bottom: 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 Number of Cases <\/b><\/p>\n<b><p id=\"card4\" style=\"margin: 0px; font-size: 40pt\">125K<\/p><\/b><\/div>\n\n<div style=\"background-color: #FFFFFF; color: #4D4D4D; padding-top: 5%; padding-bottom: 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> Mean Number of Cases per Year <\/b><\/p>\n<b><p id=\"card3\" style=\"margin: 0px; font-size: 40pt\">125K<\/p><\/b><\/div>\n\n<div style=\"background-color: #FFFFFF; color: #4D4D4D; padding-top: 3.9%; padding-bottom: 3.9%; 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> Minimum Number of Cases per Year <\/b><\/p>\n<b><p id=\"card2\" style=\"margin: 0px; font-size: 40pt\">125K<\/p><\/b><\/div>\n\n<div style=\"background-color: #FFFFFF; color: #4D4D4D; padding-top: 3.9%; padding-bottom: 3.9%; 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> Maximum Number of Cases per Year <\/b><\/p>\n<b><p id=\"card1\" style=\"margin: 0px; font-size: 40pt\">125K<\/p><\/b><\/div>\n\n<!-- -------------------------------- Charts ------------------------------------ -->\n<div id=\"boxchart\" style=\"background-color: #FFFFFF; color: #4D4D4D; align: center; padding: 1.5%; margin-left: 0%; margin-top: 1.18%; width: 99%; height: 443.5px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left;\"> <\/div> \n<div id=\"totalchart\" style=\"background-color: #FFFFFF; color: #4D4D4D; align: center; padding: 1.5%; margin-left: 0%; margin-top: 1.1%; width: 99%; height: 443.5px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left;\"> <\/div>\n<div id=\"casechart\" style=\"background-color: #FFFFFF; color: #4D4D4D; align: center; padding: 1.5%; margin-left: 0%; margin-top: 1.1%; width: 99%; height: 443px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left;\"> <\/div>\n<div id=\"cmlcasechart\" style=\"background-color: #FFFFFF; color: #4D4D4D; align: center; padding: 1.5%; margin-left: 0%; margin-top: 1.1%; margin-bottom: 1.5%; width: 99%; height: 443px; border-radius: 5px; box-shadow: 0 0 10px 5px #001400; float: left;\"> <\/div>\n\n\n<\/div>\n<\/div>\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>Dengue Fever in Africa The data of this work is collected from the Institute of Health Metrics and Evaluation. 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): Dengue fever is a vector-borne tropical disease that [&hellip;]<\/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-3910","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\/3910","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=3910"}],"version-history":[{"count":148,"href":"https:\/\/www.yorku.ca\/science\/mathstats\/acadic\/wp-json\/wp\/v2\/pages\/3910\/revisions"}],"predecessor-version":[{"id":4635,"href":"https:\/\/www.yorku.ca\/science\/mathstats\/acadic\/wp-json\/wp\/v2\/pages\/3910\/revisions\/4635"}],"wp:attachment":[{"href":"https:\/\/www.yorku.ca\/science\/mathstats\/acadic\/wp-json\/wp\/v2\/media?parent=3910"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.yorku.ca\/science\/mathstats\/acadic\/wp-json\/wp\/v2\/tags?post=3910"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}