South Africa Air Quality Index (AQI) : Real-Time Air Pollution Level (2024)

'; $('.forcast-aqi-no'+i).html(html); } var result = respJson['Data'][0]; var result_day = result['day']; var result_val = result['value']; var today = new Date(result_day); var day = today.getDay(); var days = ["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]; var dayname = days[day]; }) } $.ajax({ url : "https://api.locationiq.com/v1/autocomplete.php?key=pk.afa441839fe3d105ae2bd0af2fd68c6d&q="+countryname, method: 'GET', dataType: 'json', cors: true , async: true, success: function(data){ var singlelocation = data[0]; var latitude_w = singlelocation['lat']; var longitude_w = singlelocation['lon']; weatherData(latitude_w,longitude_w); countryTime(latitude_w,longitude_w); } });function weatherData(latitude_w,longitude_w){ var weatherkey = "2dbf726a758b40e2a4d101106202810"; $.ajax({ url: 'https://api.weatherapi.com/v1/current.json?key='+weatherkey+'&q='+latitude_w+','+longitude_w+'', method: 'GET', dataType: 'json', cors: true , async: true, success: function(data){ var result = data['current']; var result_icon = result['condition']; var html=''; html +='

'+result_icon['text']+'

'; $('.card-cloudy-text-cloudy').html(result_icon['text']); var html1=''; html1 +='

'+result['temp_c']+'

'; $('.card-cloudy-text-temp').html(Math.round(result['temp_c'])); $('.card-cloudy-text-temp_c').html(result['temp_c']); $('.card-cloudy-text-temp_f').html(result['temp_f']); var html2=''; html2 +='

'+result['uv']+'

'; $('.card-cloudy-text-humidity').html(html2); var html3=''; html3 +='

'+result['wind_kph']+' km/h

'; $('.card-cloudy-text-wind').html(html3); var html4=''; html4 +='

'+result['pressure_mb']+' mb

'; $('.card-cloudy-text-pressure').html(html4); var html5=''; html5 +='

'+result['wind_degree']+'˚ '+result['wind_dir']+'

'; $('.card-cloudy-text-wind-dir').html(html5); } });}function countryTime(latitude_w,longitude_w){ var today = new Date(); var dd = String(today.getDate()).padStart(2, '0'); var mm = String(today.getMonth() + 1).padStart(2, '0'); //January is 0! var yyyy = today.getFullYear(); today = yyyy + '/' + mm + '/' + dd; var todaydate = today; var weatherkey = "2dbf726a758b40e2a4d101106202810"; $.ajax({ url: 'https://api.weatherapi.com/v1/astronomy.json?key='+weatherkey+'&q='+latitude_w+','+longitude_w+'&dt='+todaydate, method: 'GET', dataType: 'json', cors: true , async: true, success: function(data){ var result = data['astronomy']; result = result['astro']; var data_location = data['location']; var data_location_time = data_location['localtime']; data_location_time = data_location_time.split(" "); // console.log(data_location); // console.log(data_location_time[1]); var loc_date = data_location_time[0]; var time1 = data_location_time[1]; //var time = today.getHours() + ":" + today.getMinutes() + ":" + today.getSeconds(); //console.log(loc_date); var res = time1.split(":"); res =res[0]; var res_l =res.length; if(res_l < 2){ var res = "0"+res; } var res1 = time1.split(":"); res1 =res1[1]; var res_l1 =res1.length; if(res_l1 < 2){ var res1 = "0"+res1; } var time = res+":"+res1; $(".weather_loc_date").text(loc_date); $(".weather_loc_time").text(time); if(time > "00:00:00" && time <= "05:00:00"){ $(".weither-icon-show1").css("display", "none"); $(".weither-icon-show2").css("display", "none"); $(".weither-icon-show3").css("display", "block"); } if(time > "05:00:00" && time <= "10:00:00"){ $(".weither-icon-show2").css("display", "none"); $(".weither-icon-show3").css("display", "none"); $(".weither-icon-show1").css("display", "block"); } if(time > "10:00:00" && time <= "15:00:00"){ $(".weither-icon-show1").css("display", "none"); $(".weither-icon-show3").css("display", "none"); $(".weither-icon-show2").css("display", "block"); } if(time > "15:00:00" && time <= "23:59:00"){ $(".weither-icon-show1").css("display", "none"); $(".weither-icon-show2").css("display", "none"); $(".weither-icon-show3").css("display", "block"); } /*if(time > "00:00" && time <= "06:26"){ $(".weither-icon-show1").css("display", "none"); $(".weither-icon-show2").css("display", "none"); $(".weither-icon-show3").css("display", "block"); }*/ var html=''; html +='

'+result['sunrise']+'

'; $('.weather-time-start').html(html); var html1=''; html1 +='

'+result['sunset']+'

'; $('.weather-time-end').html(html1); if($(window).width() < 640){ var bgimg=''; var countryNameAqi_text = ""; // const aqi = "37"; const aqi = document.querySelector(".card-no-value").textContent; console.log("AQI Value",aqi) if(countryNameAqi_text == "india" || countryNameAqi_text == "India"){ bgimg = GetImageTextColorAQIINjs(aqi,time); console.log("CALLED",bgimg["cartoonimg"]) $('.mobile-section-aqi-card').css('background-image', 'url(' + bgimg['bgaqimage'] + ')'); if(bgimg['cartoonimg'] === "https://www.aqi.in/assets/images/hazardous-aqi-boy.png") { //$(".card-img-icon-mobile").css("height", "5.2em"); $(".card-img-icon-mobile").css("left", "-47px"); $(".card-img-icon-mobile").css("top", "24px") } $("#myHeader").css('background-color' ,''+bgimg['aqibgcolor']+''); }else{ bgimg = GetImageTextColorjs(aqi,time); $('.mobile-section-aqi-card').css('background-image', 'url(' + bgimg['bgaqimage'] + ')'); $("#myHeader").css('background-color' ,''+bgimg['aqibgcolor']+''); } } if(screen.width > 640 && screen.width <= 900) { console.log("width is here", screen.width); let bgimg=''; const countryNameAqi_text = ""; const aqi = "37"; console.log("AQI Value !",aqi) if(countryNameAqi_text == "india" || countryNameAqi_text == "India") { bgimg = GetImageTextColorAQIINjs(aqi,time); console.log("CARTOOOOOOON", bgimg["cartoonimg"]) if(bgimg['cartoonimg'] === "https://www.aqi.in/AQI-Dev/assets/images/hazardous-aqi-boy.png") { $(".card-img-icon").css("right", "-10px"); $(".card-img-icon").css("height", "auto"); $(".card-img-icon").css("width", "115px"); $("#aqi_val").css("margin-left","-40px"); $("#aqi_val").css("margin-right","-40px"); } } } if(screen.width > 900 && screen.width <= 1300) { console.log("width is here", screen.width); let bgimg=''; const countryNameAqi_text = ""; const aqi = "37"; console.log("AQI Value!!",aqi) if(countryNameAqi_text == "india" || countryNameAqi_text == "India") { bgimg = GetImageTextColorAQIINjs(aqi,time); console.log("CARTOOOOOOONie", bgimg["cartoonimg"]) if(bgimg['cartoonimg'] === "https://www.aqi.in/assets/images/hazardous-aqi-boy.png") { console.log("CAR") $(".card-img-icon").css("left", "15px"); $(".card-img-icon").css("width", "143px"); $(".card-img-icon").css("height", "auto"); $(".card-img-icon").css("top", "-19px"); $(".card-no-value").css("font-size","50px"); $("#aqi_val").css("margin-left","-50px"); $("#aqi_val").css("margin-right","-50px"); } } } if(screen.width > 1300) { console.log("width is here >", screen.width); let bgimg=''; const countryNameAqi_text = ""; const aqi = "37"; if(countryNameAqi_text == "india" || countryNameAqi_text == "India") { bgimg = GetImageTextColorAQIINjs(aqi,time); console.log("CARTOOOOOOONie", bgimg["cartoonimg"]) if(bgimg['cartoonimg'] === "https://www.aqi.in/assets/images/hazardous-aqi-boy.png") { console.log("CAR") $(".card-img-icon").css("right", "-17px"); $(".card-img-icon").css("width", "190px"); $(".card-img-icon").css("height", "auto"); $(".card-img-icon").css("top", "-23px"); // $(".card-no-value").css("font-size","50px"); $("#aqi_val").css("margin-left","-48px"); $("#aqi_val").css("margin-right","-48px"); } } } } });}function GetImageTextColorAQIINjs(aqi,time){ var bgaqimage; var cartoonimg; var aqibgcolor; var obj; if(time > "00:00:00" && time <= "05:00:00"){//night if(aqi>=0 && aqi<=50 ) { bgaqimage = "https://www.aqi.in/assets/images/night-good-air-quality-index.webp"; cartoonimg = "https://www.aqi.in/assets/images/good-aqi-boy.png"; aqibgcolor = "#c0f2e3"; } else if(aqi>50 && aqi<=100) { bgaqimage = "https://www.aqi.in/assets/images/night-moderate-air-quality-index.webp"; cartoonimg = "https://www.aqi.in/assets/images/moderate-aqi-boy.png"; aqibgcolor = "#feff7f"; } else if(aqi>100 && aqi<=200) { bgaqimage = "https://www.aqi.in/assets/images/night-poor-air-quality-index.webp"; cartoonimg = "https://www.aqi.in/assets/images/poor-aqi-boy.png"; aqibgcolor = "#fde9d7"; } else if(aqi>200 && aqi<=300) { bgaqimage = "https://www.aqi.in/assets/images/night-unhealthy-air-quality-index.webp"; cartoonimg = "https://www.aqi.in/assets/images/unhealthy-aqi-boy-image.png"; aqibgcolor = "#fdc9e6"; } else if(aqi>300 && aqi<=400) { bgaqimage = "https://www.aqi.in/assets/images/night-severe-air-quality-index.webp"; cartoonimg = "https://www.aqi.in/assets/images/severe-aqi-boy.png"; aqibgcolor = "#f3ddf5"; }else if(aqi>=400) { bgaqimage = "https://www.aqi.in/assets/images/night-hazardous-air-quality-index.webp"; cartoonimg = "https://www.aqi.in/assets/images/hazardous-aqi-boy.png"; aqibgcolor = "#ffe1e6"; } } if(time > "05:00:00" && time <= "10:00:00"){//morning if(aqi>=0 && aqi<=50 ) { bgaqimage = "https://www.aqi.in/assets/images/morning-good-air-quality-index.webp"; cartoonimg = "https://www.aqi.in/assets/images/good-aqi-boy.png"; aqibgcolor = "#bef2a0"; } else if(aqi>50 && aqi<=100) { bgaqimage = "https://www.aqi.in/assets/images/morning-moderate-air-quality-index.webp"; cartoonimg = "https://www.aqi.in/assets/images/moderate-aqi-boy.png"; aqibgcolor = "#f5efb9"; } else if(aqi>100 && aqi<=200) { bgaqimage = "https://www.aqi.in/assets/images/morning-poor-air-quality-index.webp"; cartoonimg = "https://www.aqi.in/assets/images/poor-aqi-boy.png"; aqibgcolor = "#ecc9b8"; } else if(aqi>200 && aqi<=300) { bgaqimage = "https://www.aqi.in/assets/images/morning-unhealthy-air-quality-index.webp"; cartoonimg = "https://www.aqi.in/assets/images/unhealthy-aqi-boy-image.png"; aqibgcolor = "#fccefa"; } else if(aqi>300 && aqi<=400) { bgaqimage = "https://www.aqi.in/assets/images/morning-severe-air-quality-index.webp"; cartoonimg = "https://www.aqi.in/assets/images/severe-aqi-boy.png"; aqibgcolor = "#ecb9f7"; }else if(aqi>=400) { bgaqimage = "https://www.aqi.in/assets/images/morning-hazardous-air-quality-index.webp"; cartoonimg = "https://www.aqi.in/assets/images/hazardous-aqi-boy.png"; aqibgcolor = "#f5a3a7"; } } if(time > "10:00:00" && time <= "16:00:00"){//afternoon if(aqi>=0 && aqi<=50 ) { bgaqimage = "https://www.aqi.in/assets/images/afternoon-good-air-quality-index.webp"; cartoonimg = "https://www.aqi.in/assets/images/good-aqi-boy.png"; aqibgcolor = "#c0f2e3"; } else if(aqi>50 && aqi<=100) { bgaqimage = "https://www.aqi.in/assets/images/afternoon-moderate-air-quality-index.webp"; cartoonimg = "https://www.aqi.in/assets/images/moderate-aqi-boy.png"; aqibgcolor = "#feff7f"; } else if(aqi>100 && aqi<=200) { bgaqimage = "https://www.aqi.in/assets/images/afternoon-poor-air-quality-index.webp"; cartoonimg = "https://www.aqi.in/assets/images/poor-aqi-boy.png"; aqibgcolor = "#fde9d7"; } else if(aqi>200 && aqi<=300) { bgaqimage = "https://www.aqi.in/assets/images/afternoon-unhealthy-air-quality-index.webp"; cartoonimg = "https://www.aqi.in/assets/images/unhealthy-aqi-boy-image.png"; aqibgcolor = "#fdc9e6"; } else if(aqi>300 && aqi<=400) { bgaqimage = "https://www.aqi.in/assets/images/afternoon-severe-air-quality-index.webp"; cartoonimg = "https://www.aqi.in/assets/images/severe-aqi-boy.png"; aqibgcolor = "#f3ddf5"; }else if(aqi>=400) { bgaqimage = "https://www.aqi.in/assets/images/afternoon-hazardous-air-quality-index.webp"; cartoonimg = "https://www.aqi.in/assets/images/hazardous-aqi-boy.png"; aqibgcolor = "#ffe1e6"; } } if(time > "16:00:00" && time <= "20:00:00"){//evening if(aqi>=0 && aqi<=50 ) { bgaqimage = "https://www.aqi.in/assets/images/evening-good-air-quality-index.webp"; cartoonimg = "https://www.aqi.in/assets/images/good-aqi-boy.png"; aqibgcolor = "#d3e8fc"; } else if(aqi>50 && aqi<=100) { bgaqimage = "https://www.aqi.in/assets/images/evening-moderate-air-quality-index.webp"; cartoonimg = "https://www.aqi.in/assets/images/moderate-aqi-boy.png"; aqibgcolor = "#edf0a4"; } else if(aqi>100 && aqi<=200) { bgaqimage = "https://www.aqi.in/assets/images/evening-poor-air-quality-index.webp"; cartoonimg = "https://www.aqi.in/assets/images/poor-aqi-boy.png"; aqibgcolor = "#fde9d7"; } else if(aqi>200 && aqi<=300) { bgaqimage = "https://www.aqi.in/assets/images/evening-unhealthy-air-quality-index.webp"; cartoonimg = "https://www.aqi.in/assets/images/unhealthy-aqi-boy-image.png"; aqibgcolor = "#fdc9e6"; } else if(aqi>300 && aqi<=400) { bgaqimage = "https://www.aqi.in/assets/images/evening-severe-air-quality-index.webp"; cartoonimg = "https://www.aqi.in/assets/images/severe-aqi-boy.png"; aqibgcolor = "#f3ddf5"; }else if(aqi>=400) { bgaqimage = "https://www.aqi.in/assets/images/evening-hazardous-air-quality-index.webp"; cartoonimg = "https://www.aqi.in/assets/images/hazardous-aqi-boy.png"; aqibgcolor = "#ffe1e6"; } } if(time > "20:00:00" && time <= "23:59:00"){//night if(aqi>=0 && aqi<=50 ) { bgaqimage = "https://www.aqi.in/assets/images/night-good-air-quality-index.webp"; cartoonimg = "https://www.aqi.in/assets/images/good-aqi-boy.png"; aqibgcolor = "#c0f2e3"; } else if(aqi>50 && aqi<=100) { bgaqimage = "https://www.aqi.in/assets/images/night-moderate-air-quality-index.webp"; cartoonimg = "https://www.aqi.in/assets/images/moderate-aqi-boy.png"; aqibgcolor = "#feff7f"; } else if(aqi>100 && aqi<=200) { bgaqimage = "https://www.aqi.in/assets/images/night-poor-air-quality-index.webp"; cartoonimg = "https://www.aqi.in/assets/images/poor-aqi-boy.png"; aqibgcolor = "#fde9d7"; } else if(aqi>200 && aqi<=300) { bgaqimage = "https://www.aqi.in/assets/images/night-unhealthy-air-quality-index.webp"; cartoonimg = "https://www.aqi.in/assets/images/unhealthy-aqi-boy-image.png"; aqibgcolor = "#fdc9e6"; } else if(aqi>300 && aqi<=400) { bgaqimage = "https://www.aqi.in/assets/images/night-severe-air-quality-index.webp"; cartoonimg = "https://www.aqi.in/assets/images/severe-aqi-boy.png"; aqibgcolor = "#f3ddf5"; }else if(aqi>=400) { bgaqimage = "https://www.aqi.in/assets/images/night-hazardous-air-quality-index.webp"; cartoonimg = "https://www.aqi.in/assets/images/hazardous-aqi-boy.png"; aqibgcolor = "#ffe1e6"; } } obj = {"bgaqimage":bgaqimage,"cartoonimg":cartoonimg,"aqibgcolor":aqibgcolor}; return obj;}function GetImageTextColorjs(aqi,time){ var aqicolor; var aqimage; var aqitext; var bgaqimage; var cartoonimg; var aqibgcolor; var obj; if(time > "00:00:00" && time <= "05:00:00"){//night if(aqi>=0 && aqi<=50 ) { bgaqimage = "https://www.aqi.in/assets/images/bg-mobile-img-n1.png"; cartoonimg = "https://www.aqi.in/assets/images/good-aqi-boy.png"; aqibgcolor = "#c0f2e3"; } else if(aqi>50 && aqi<=100) { bgaqimage = "https://www.aqi.in/assets/images/bg-mobile-img-n2.png"; cartoonimg = "https://www.aqi.in/assets/images/moderate-aqi-boy.png"; aqibgcolor = "#feff7f"; } else if(aqi>100 && aqi<=150) { bgaqimage = "https://www.aqi.in/assets/images/bg-mobile-img-n3.png"; cartoonimg = "https://www.aqi.in/assets/images/poor-aqi-boy.png"; aqibgcolor = "#fde9d7"; } else if(aqi>150 && aqi<=200) { bgaqimage = "https://www.aqi.in/assets/images/bg-mobile-img-n4.png"; cartoonimg = "https://www.aqi.in/assets/images/unhealthy-aqi-boy-image.png"; aqibgcolor = "#fdc9e6"; } else if(aqi>200 && aqi<=300) { bgaqimage = "https://www.aqi.in/assets/images/bg-mobile-img-n5.png"; cartoonimg = "https://www.aqi.in/assets/images/severe-aqi-boy.png"; aqibgcolor = "#f3ddf5"; }else if(aqi>=400) { bgaqimage = "https://www.aqi.in/assets/images/bg-mobile-img-n6.png"; cartoonimg = "https://www.aqi.in/assets/images/hazardous-aqi-boy.png"; aqibgcolor = "#ffe1e6"; } } if(time > "05:00:00" && time <= "10:00:00"){//morning if(aqi>=0 && aqi<=50 ) { bgaqimage = "https://www.aqi.in/assets/images/bg-mobile-img-m1.png"; cartoonimg = "https://www.aqi.in/assets/images/good-aqi-boy.png"; aqibgcolor = "#bef2a0"; } else if(aqi>50 && aqi<=100) { bgaqimage = "https://www.aqi.in/assets/images/bg-mobile-img-m2.png"; cartoonimg = "https://www.aqi.in/assets/images/moderate-aqi-boy.png"; aqibgcolor = "#f5efb9"; } else if(aqi>100 && aqi<=150) { bgaqimage = "https://www.aqi.in/assets/images/bg-mobile-img-m3.png"; cartoonimg = "https://www.aqi.in/assets/images/poor-aqi-boy.png"; aqibgcolor = "#ecc9b8"; } else if(aqi>150 && aqi<=200) { bgaqimage = "https://www.aqi.in/assets/images/bg-mobile-img-m4.png"; cartoonimg = "https://www.aqi.in/assets/images/unhealthy-aqi-boy-image.png"; aqibgcolor = "#fccefa"; } else if(aqi>200 && aqi<=300) { bgaqimage = "https://www.aqi.in/assets/images/bg-mobile-img-m5.png"; cartoonimg = "https://www.aqi.in/assets/images/severe-aqi-boy.png"; aqibgcolor = "#ecb9f7"; }else if(aqi>=400) { bgaqimage = "https://www.aqi.in/assets/images/bg-mobile-img-m6.png"; cartoonimg = "https://www.aqi.in/assets/images/hazardous-aqi-boy.png"; aqibgcolor = "#f5a3a7"; } } if(time > "10:00:00" && time <= "16:00:00"){//afternoon if(aqi>=0 && aqi<=50 ) { bgaqimage = "https://www.aqi.in/assets/images/bg-mobile-img-a1.png"; cartoonimg = "https://www.aqi.in/assets/images/good-aqi-boy.png"; aqibgcolor = "#fcf8cb"; } else if(aqi>50 && aqi<=100) { bgaqimage = "https://www.aqi.in/assets/images/bg-mobile-img-a2.png"; cartoonimg = "https://www.aqi.in/assets/images/moderate-aqi-boy.png"; aqibgcolor = "#fcf8cb"; } else if(aqi>100 && aqi<=150) { bgaqimage = "https://www.aqi.in/assets/images/bg-mobile-img-a3.png"; cartoonimg = "https://www.aqi.in/assets/images/poor-aqi-boy.png"; aqibgcolor = "#fcf8cb"; } else if(aqi>150 && aqi<=200) { bgaqimage = "https://www.aqi.in/assets/images/bg-mobile-img-a4.png"; cartoonimg = "https://www.aqi.in/assets/images/unhealthy-aqi-boy-image.png"; aqibgcolor = "#fcf8cb"; } else if(aqi>200 && aqi<=300) { bgaqimage = "https://www.aqi.in/assets/images/bg-mobile-img-a5.png"; cartoonimg = "https://www.aqi.in/assets/images/severe-aqi-boy.png"; aqibgcolor = "#fcf8cb"; }else if(aqi>=400) { bgaqimage = "https://www.aqi.in/assets/images/bg-mobile-img-a6.png"; cartoonimg = "https://www.aqi.in/assets/images/hazardous-aqi-boy.png"; aqibgcolor = "#fcf8cb"; } } if(time > "16:00:00" && time <= "20:00:00"){//evening if(aqi>=0 && aqi<=50 ) { bgaqimage = "https://www.aqi.in/assets/images/bg-mobile-img-e1.png"; cartoonimg = "https://www.aqi.in/assets/images/good-aqi-boy.png"; aqibgcolor = "#d3e8fc"; } else if(aqi>50 && aqi<=100) { bgaqimage = "https://www.aqi.in/assets/images/bg-mobile-img-e2.png"; cartoonimg = "https://www.aqi.in/assets/images/moderate-aqi-boy.png"; aqibgcolor = "#edf0a4"; } else if(aqi>100 && aqi<=150) { bgaqimage = "https://www.aqi.in/assets/images/bg-mobile-img-e3.png"; cartoonimg = "https://www.aqi.in/assets/images/poor-aqi-boy.png"; aqibgcolor = "#edeffa"; } else if(aqi>150 && aqi<=200) { bgaqimage = "https://www.aqi.in/assets/images/bg-mobile-img-e4.png"; cartoonimg = "https://www.aqi.in/assets/images/unhealthy-aqi-boy-image.png"; aqibgcolor = "#eae5fa"; } else if(aqi>200 && aqi<=300) { bgaqimage = "https://www.aqi.in/assets/images/bg-mobile-img-e5.png"; cartoonimg = "https://www.aqi.in/assets/images/severe-aqi-boy.png"; aqibgcolor = "#ecf0fc"; }else if(aqi>=400) { bgaqimage = "https://www.aqi.in/assets/images/bg-mobile-img-e6.png"; cartoonimg = "https://www.aqi.in/assets/images/hazardous-aqi-boy.png"; aqibgcolor = "#edeffb"; } } if(time > "20:00:00" && time <= "23:59:00"){//night if(aqi>=0 && aqi<=50 ) { bgaqimage = "https://www.aqi.in/assets/images/bg-mobile-img-n1.png"; cartoonimg = "https://www.aqi.in/assets/images/good-aqi-boy.png"; aqibgcolor = "#c0f2e3"; } else if(aqi>50 && aqi<=100) { bgaqimage = "https://www.aqi.in/assets/images/bg-mobile-img-n2.png"; cartoonimg = "https://www.aqi.in/assets/images/moderate-aqi-boy.png"; aqibgcolor = "#feff7f"; } else if(aqi>100 && aqi<=200) { bgaqimage = "https://www.aqi.in/assets/images/bg-mobile-img-n3.png"; cartoonimg = "https://www.aqi.in/assets/images/poor-aqi-boy.png"; aqibgcolor = "#fde9d7"; } else if(aqi>200 && aqi<=300) { bgaqimage = "https://www.aqi.in/assets/images/bg-mobile-img-n4.png"; cartoonimg = "https://www.aqi.in/assets/images/unhealthy-aqi-boy-image.png"; aqibgcolor = "#fdc9e6"; } else if(aqi>300 && aqi<=400) { bgaqimage = "https://www.aqi.in/assets/images/bg-mobile-img-n5.png"; cartoonimg = "https://www.aqi.in/assets/images/severe-aqi-boy.png"; aqibgcolor = "#f3ddf5"; }else if(aqi>=400) { bgaqimage = "https://www.aqi.in/assets/images/bg-mobile-img-n6.png"; cartoonimg = "https://www.aqi.in/assets/images/hazardous-aqi-boy.png"; aqibgcolor = "#ffe1e6"; } } obj = {"bgaqimage":bgaqimage,"cartoonimg":cartoonimg,"aqibgcolor":aqibgcolor}; return obj;}$(".temp_c").click(function(){ var temp_c = $(".card-cloudy-text-temp_c").text(); temp_c = Math.round(temp_c); $(".card-cloudy-text-temp").html(temp_c); $(".temp_f").css("color","#333333"); $(".temp_c").css("color","#46C4FF");}); $(".temp_f").click(function(){ var temp_f = $(".card-cloudy-text-temp_f").text(); temp_f = Math.round(temp_f); $(".card-cloudy-text-temp").html(temp_f); $(".temp_c").css("color","#333333"); $(".temp_f").css("color","#46C4FF");});const pollutedUrl = "https://api.aqi.in/api/v1/getMostAndLeastPollutionByCountry"; const countryNameAqi = "";function leastPolluted(type, sensorName) { fetch(pollutedUrl,{ method: "GET", headers: { "Content-Type": "application/json", "Authorization": authtoken, "countryname": locationId, "sensorName": sensorName, "type": type, } }).then((res) => { return res.json(); }).then((data) => { console.log("DATA",data); var htmlLeastPoll = ""; var htmlLeastAqi = ""; for(let i=0; i'+cityName+', '+countryName+''; htmlLeastAqi +='

'+aqiVal+'

'; } $("#leastPollutedRank").html(htmlLeastPoll); $("#least_pollutedCitiesAqi").html(htmlLeastAqi); }).catch((err) => { console.log("Error", err); })}console.log("COUNTRY NAME IS",locationId)function pollutedFunction(type, sensorName) { fetch(pollutedUrl,{ method: "GET", headers: { "Content-Type": "application/json", "Authorization": authtoken, "countryname": countryNamecurr, "sensorName": sensorName, "type": type, } }).then((res) => { return res.json(); }).then((data) => { console.log("DATA of most polluted",data) var htmlPollCities = ""; var htmlPollAqi = ""; var htmlLeastPoll = ""; var htmlLeastAqi = ""; for(let i=0; i'+cityName+', '+countryName+''; htmlPollAqi +='

'+aqiVal+'

'; } $("#most_pollutedCitiesRank").html(htmlPollCities); $("#most_pollutedCitiesAqi").html(htmlPollAqi); }).catch((err) => { console.log("Error", err); })} $(document).ready(function(){ var pollitantcities = { "Locations": [ { "locationName": "Pietermaritzburg", "cityName": "Pietermaritzburg", "stateName": "KwaZulu Natal", "countryName": "South Africa", "source": "World Air Quality Index Project", "sourceUrl": "https:\/\/waqi.info", "locationCount": 1, "timeStamp": "25 Mar 2024, 10:05pm", "aqi": 63 }, { "locationName": "Springs", "cityName": "Springs", "stateName": "Gauteng", "countryName": "South Africa", "source": "World Air Quality Index Project", "sourceUrl": "https:\/\/waqi.info", "locationCount": 1, "timeStamp": "25 Mar 2024, 04:05pm", "aqi": 59 }, { "locationName": "Durban", "cityName": "Durban", "stateName": "Kwazulu Natal", "countryName": "South Africa", "source": "World Air Quality Index Project", "sourceUrl": "https:\/\/waqi.info", "locationCount": 1, "timeStamp": "25 Mar 2024, 04:05pm", "aqi": 55 }, { "locationName": "Roodepoort", "cityName": "Roodepoort", "stateName": "Gauteng", "countryName": "South Africa", "source": "World Air Quality Index Project", "sourceUrl": "https:\/\/waqi.info", "locationCount": 1, "timeStamp": "25 Mar 2024, 04:05pm", "aqi": 53 }, { "locationName": "Mmabatho", "cityName": "Mmabatho", "stateName": "North West", "countryName": "South Africa", "source": "World Air Quality Index Project", "sourceUrl": "https:\/\/waqi.info", "locationCount": 1, "timeStamp": "25 Mar 2024, 10:05pm", "aqi": 46 }, { "locationName": "Cape Town", "cityName": "Cape Town", "stateName": "Western Cape", "countryName": "South Africa", "source": "World Air Quality Index Project", "sourceUrl": "https:\/\/waqi.info", "locationCount": 3, "timeStamp": "25 Mar 2024, 11:05pm", "aqi": 39 }, { "locationName": "Polokwane", "cityName": "Polokwane", "stateName": "Limpopo", "countryName": "South Africa", "source": "World Air Quality Index Project", "sourceUrl": "https:\/\/waqi.info", "locationCount": 1, "timeStamp": "25 Mar 2024, 04:05pm", "aqi": 38 }, { "locationName": "Alberton", "cityName": "Alberton", "stateName": "Gauteng", "countryName": "South Africa", "source": "World Air Quality Index Project", "sourceUrl": "https:\/\/waqi.info", "locationCount": 1, "timeStamp": "25 Mar 2024, 11:05pm", "aqi": 31 }, { "locationName": "Port Elizabeth", "cityName": "Port Elizabeth", "stateName": "Eastern Cape", "countryName": "South Africa", "source": "World Air Quality Index Project", "sourceUrl": "https:\/\/waqi.info", "locationCount": 1, "timeStamp": "25 Mar 2024, 11:05pm", "aqi": 29 }, { "locationName": "Centurion", "cityName": "Centurion", "stateName": "Gauteng", "countryName": "South Africa", "source": "World Air Quality Index Project", "sourceUrl": "https:\/\/waqi.info", "locationCount": 5, "timeStamp": "25 Mar 2024, 11:05pm", "aqi": 27 } ]}; var least_pollutantcities = { "Locations": [ { "locationName": "Vanrhynsdorp", "cityName": "Vanrhynsdorp", "stateName": "Western Cape", "countryName": "South Africa", "source": "World Air Quality Index Project", "sourceUrl": "https:\/\/waqi.info", "locationCount": 1, "timeStamp": "25 Mar 2024, 11:05pm", "aqi": 4 }, { "locationName": "Ubombo", "cityName": "Ubombo", "stateName": "KwaZulu Natal", "countryName": "South Africa", "source": "World Air Quality Index Project", "sourceUrl": "https:\/\/waqi.info", "locationCount": 1, "timeStamp": "25 Mar 2024, 08:43pm", "aqi": 5 }, { "locationName": "Pretoria", "cityName": "Pretoria", "stateName": "Gauteng", "countryName": "South Africa", "source": "World Air Quality Index Project", "sourceUrl": "https:\/\/waqi.info", "locationCount": 1, "timeStamp": "25 Mar 2024, 11:05pm", "aqi": 7 }, { "locationName": "Worcester", "cityName": "Worcester", "stateName": "Western Cape", "countryName": "South Africa", "source": "World Air Quality Index Project", "sourceUrl": "https:\/\/waqi.info", "locationCount": 1, "timeStamp": "25 Mar 2024, 08:05am", "aqi": 8 }, { "locationName": "Standerton", "cityName": "Standerton", "stateName": "Mpumalanga", "countryName": "South Africa", "source": "World Air Quality Index Project", "sourceUrl": "https:\/\/waqi.info", "locationCount": 1, "timeStamp": "25 Mar 2024, 04:05pm", "aqi": 10 }, { "locationName": "Bethal", "cityName": "Bethal", "stateName": "Mpumalanga", "countryName": "South Africa", "source": "World Air Quality Index Project", "sourceUrl": "https:\/\/waqi.info", "locationCount": 8, "timeStamp": "25 Mar 2024, 04:05pm", "aqi": 11 }, { "locationName": "Volksrust", "cityName": "Volksrust", "stateName": "Mpumalanga", "countryName": "South Africa", "source": "World Air Quality Index Project", "sourceUrl": "https:\/\/waqi.info", "locationCount": 1, "timeStamp": "25 Mar 2024, 04:05pm", "aqi": 13 }, { "locationName": "Randburg", "cityName": "Randburg", "stateName": "Gauteng", "countryName": "South Africa", "source": "World Air Quality Index Project", "sourceUrl": "https:\/\/waqi.info", "locationCount": 1, "timeStamp": "25 Mar 2024, 10:21pm", "aqi": 13 }, { "locationName": "Middelburg", "cityName": "Middelburg", "stateName": "Mpumalanga", "countryName": "South Africa", "source": "World Air Quality Index Project", "sourceUrl": "https:\/\/waqi.info", "locationCount": 6, "timeStamp": "25 Mar 2024, 04:05pm", "aqi": 16 }, { "locationName": "Paarl", "cityName": "Paarl", "stateName": "Western Cape", "countryName": "South Africa", "source": "World Air Quality Index Project", "sourceUrl": "https:\/\/waqi.info", "locationCount": 2, "timeStamp": "25 Mar 2024, 04:05pm", "aqi": 16 } ]}; // console.log("poll most polluted",least_pollutantcities); var countryLink1 = ""; var polluted_html=''; var polluted_html1=''; var polluted_html2=''; var aqiType = getCookie("aqiType") === "AQI-IN" ? "AQI-IN" : "AQI-US"; polluted_html +='

Most Polluted Cities in South Africa

Real-time worst city rankings

Rank

City

'+aqiType+'

'; polluted_html +='

'; var pollitantcities_count =pollitantcities['Locations']; pollitantcities_count =pollitantcities_count.length +1; for(var i= 1; i < pollitantcities_count; i++){ polluted_html +='

'+i+'

'; } polluted_html +='

See Also

Mapping poverty in South Africa | South Africa Gateway

'; for(var i in pollitantcities['Locations']){ var pollitant_city = pollitantcities['Locations'][i]['cityName']; pollitant_city = pollitant_city.toLowerCase(); pollitant_city = pollitant_city.replace(/\s/g, '-'); var pollitant_state = pollitantcities['Locations'][i]['stateName']; pollitant_state = pollitant_state.toLowerCase(); pollitant_state = pollitant_state.replace(/\s/g, '-'); var pollitant_con = pollitantcities['Locations'][i]['countryName']; pollitant_con = pollitant_con.toLowerCase(); pollitant_con = pollitant_con.replace(/\s/g, '-'); pollitant_city = pollitant_city.toLowerCase().replace(/\b[a-z]/g, function(letter) { return letter.toUpperCase(); }); pollitant_con = pollitant_con.toLowerCase().replace(/\b[a-z]/g, function(letter) { return letter.toUpperCase(); }); // if(pollitantcities['Locations'][i]['countryName'] == "India" || pollitantcities['Locations'][i]['countryName'] == "india"){ var areaurl = 'https://www.aqi.in/dashboard/'+pollitant_con.toLowerCase()+'/'+pollitant_state+'/'+pollitant_city.toLowerCase(); // }else{ // var areaurl = baseurl+'dashboard/'+pollitant_con.toLowerCase()+'/'+pollitant_city.toLowerCase(); // } polluted_html +='

'+pollitant_city.replace(/-/g, ' ')+', '+pollitant_con+'

'; } polluted_html +='

'; for(var i in pollitantcities['Locations']){ var displayIn; var displayUs; var aqiType = getCookie("aqiType") === "AQI-IN" ? "AQI-IN" : "AQI-US"; if(getCookie("aqiType") ==="AQI-IN"){ var pollitant_aqi = pollitantcities['Locations'][i]['AQI-IN']; var pollitant_aqi_name = "AQI-IN"; //console.log("Pollutant data",pollitantcities) }else{ var pollitant_aqi = pollitantcities["Locations"][i]['aqi']; var pollitant_aqi_name = "aqi"; // console.log("Pollutant data afghan",pollitantcities) } var pollitant_aqi_color = GetColorBySensorNameAndValue(pollitant_aqi_name,pollitant_aqi); polluted_html +=`

${pollitant_aqi==undefined?obj['aqi']:pollitant_aqi}

`; } polluted_html +='

View Full Ranking

'; $('.most_polluted_cities').append(polluted_html); polluted_html1 +='

Least Polluted Cities in South Africa

Real-time best city rankings

Rank

City

'+aqiType+'

'; polluted_html1 +='

'; var least_pollutantcities_count =least_pollutantcities['Locations']; least_pollutantcities_count =least_pollutantcities_count.length +1; for(var i= 1; i < least_pollutantcities_count; i++){ polluted_html1 +='

'+i+'

'; } polluted_html1 +='

'; for(var i in least_pollutantcities['Locations']){ var pollitant_city1 = least_pollutantcities['Locations'][i]['locationName']; pollitant_city1 = pollitant_city1.toLowerCase(); pollitant_city1 = pollitant_city1.replace(/\s/g, '-'); var pollitant_state1 = least_pollutantcities['Locations'][i]['stateName']; pollitant_state1 = pollitant_state1.toLowerCase(); pollitant_state1 = pollitant_state1.replace(/\s/g, '-'); var pollitant_con1 = least_pollutantcities['Locations'][i]['countryName']; pollitant_con1 = pollitant_con1.toLowerCase(); pollitant_con1 = pollitant_con1.replace(/\s/g, '-'); pollitant_city1 = pollitant_city1.toLowerCase().replace(/\b[a-z]/g, function(letter) { return letter.toUpperCase(); }); pollitant_con1 = pollitant_con1.toLowerCase().replace(/\b[a-z]/g, function(letter) { return letter.toUpperCase(); }); // if(least_pollutantcities['Locations'][i]['countryName'] == "India" || least_pollutantcities['Locations'][i]['countryName'] == "india"){ var areaurl1 = 'https://www.aqi.in/dashboard/'+pollitant_con1.toLowerCase()+'/'+pollitant_state1+'/'+pollitant_city1.toLowerCase(); // }else{ // var areaurl1 = baseurl+'dashboard/'+pollitant_con1.toLowerCase()+'/'+pollitant_city1.toLowerCase(); // } polluted_html1 +='

'+pollitant_city1.replace(/-/g, ' ')+', '+pollitant_con1+'

'; } polluted_html1 +='

'; for(var i in least_pollutantcities['Locations']){ if(getCookie("aqiType") === "AQI-IN"){ var pollitant_aqi = least_pollutantcities['Locations'][i]['AQI-IN']; var pollitant_aqi_name = "AQI-IN"; //console.log("LEAST POLLUTED",least_pollutantcities['Locations'][i]) }else{ var pollitant_aqi = least_pollutantcities['Locations'][i]['aqi']; var pollitant_aqi_name = "aqi"; } var pollitant_aqi_color = GetColorBySensorNameAndValue(pollitant_aqi_name,pollitant_aqi); polluted_html1 +=`

${pollitant_aqi==undefined?obj['aqi']:pollitant_aqi}

`; } polluted_html1 +='

View Full Ranking

'; $('.least_polluted_cities').append(polluted_html1); });var myChart;var myChart1;var myChart2;var config;var config1;var config2;var config3;function checkCountryAqi() { if(document.getElementById("AQI_checkbox").checked) { $(".AQI_checkbox").css("left","-7px"); $(".AQI_checkbox").css("top","2px"); $(".slider").removeClass("before"); $(".slider").addClass("after")} else { $(".AQI_checkbox").css("left","15px"); $(".slider").addClass("before")} changeAqi(); if(getCookie("aqiType") === "AQI-IN") { $(".AQI_checkbox").text("AQI-IN") $(".card-live-p3").text("AQI-IN") }else { $(".AQI_checkbox").text("AQI-US") $(".card-live-p3").text("AQI-US") } console.log("COOKIE VALUE",getCookie("aqiType"))}function changeAqi() { console.log("Cookie value",getCookie("aqiType"),countryNamecurr); const stateUrl = "https://api.aqi.in/api/v1/getStateAndCityNameByCountryNew"; $(".imagetextdata-aqitext.aqiCurr").parent().css("display","none"); $(".card-img-icon.aqiCurr").css("display","none"); $("#progress_ring_aqi svg").remove(); $("#progress_ring_aqi div").remove(); // $(".AQI_toggle").css("visibility","hidden"); // $(".AQI_toggle.curr").css("display","none"); if(getCookie("aqiType") === "AQI-IN") { setCookie("aqiType","aqi",30); const aqiBackground = "https://www.aqi.in/assets/images/india_map_shape_new_4.png"; const boyImage = "https://www.aqi.in/assets/images/good-aqi-boy.png"; const aqiIndia = "23"; //const imagetextdataIndia = "#34a12b"; const aqiUsa = "31"; const aqiUsColor = "#34a12b"; const aqiUsText = "GOOD"; progressRing({"aqiIn":aqiIndia,"aqiUs":aqiUsa}); $("#progress_ring_aqi_text .imagetextdata-aqitext").css("background-color",aqiUsColor); $("#progress_ring_aqi_text .imagetextdata-aqitext").text(aqiUsText); $(".card-img-icon-mobile").attr("src",boyImage) $(".card-img-in.curr").css("background-image",`url("${aqiBackground}")`) $(".AQI_toggle.aqiUsa").css("display","table-cell"); $(".AQI_toggle.aqiInd").css("display","none"); fetch(stateUrl, { method: "GET", headers: { "Authorization": authtoken, "Content-Type": "application/json", "type": "1", "countryname": countryNamecurr } }).then((res) => { return res.json(); }).then((data) => { console.log("Data of states",data); for(let i=0; i { console.log("Error",err) }) $(".card-no-value.aqiUsa").css("display","block"); $(".card-no-value.aqiInd").css("display","none"); $(".card-no-value-p.aqiUsa").css("display","block"); $(".card-no-value-p.aqiInd").css("display","none"); $(".card-img-icon.aqiInd").css("display","none"); $(".card-img-icon.aqiUsa").css("display","block"); $(".imagetextdata-aqitext.aqiInd").css("display","none"); $(".imagetextdata-aqitext.aqiUsa").css("display","block"); $("#most_pollutedCitiesRank p").remove(); $("#most_pollutedCitiesAqi p").remove(); $("#leastPollutedRank p").remove(); $("#least_pollutedCitiesAqi p").remove(); $(".aqiIn").css("display","none"); $(".aqiUs").css("display","block"); pollutedFunction("1","aqi"); leastPolluted("2","aqi"); // setCookie("aqiType","aqi",30) } else { console.log("AQi-Us",) setCookie("aqiType","AQI-IN",30); const aqiBackground = "https://www.aqi.in/assets/images/india_map_shape_new_4.png"; const boyImage = "https://www.aqi.in/assets/images/good-aqi-boy.png"; const aqiIndia = "23"; //const imagetextdataIndia = "#34a12b"; const aqiUsa = "31"; const aqiInColor = "#34a12b"; const aqiInText = "GOOD"; progressRing({"aqiIn":aqiIndia,"aqiUs":aqiUsa}); $("#progress_ring_aqi_text .imagetextdata-aqitext").css("background-color",aqiInColor); $("#progress_ring_aqi_text .imagetextdata-aqitext").text(aqiInText); $(".card-img-icon-mobile").attr("src",boyImage) $(".card-img-in.curr").css("background-image",`url("${aqiBackground}")`) $(".AQI_toggle.aqiInd").css("display","table-cell"); $(".AQI_toggle.aqiUsa").css("display","none"); fetch(stateUrl, { method: "GET", headers: { "Authorization": authtoken, "Content-Type": "application/json", "type": "1", "countryname": countryNamecurr } }).then((res) => { return res.json(); }).then((data) => { console.log("Data of states",data); for(let i=0; i { console.log("Error",err) }) $(".card-no-value.aqiInd").css("display","block"); $(".card-no-value.aqiUsa").css("display","none"); $(".card-no-value-p.aqiInd").css("display","block"); $(".card-no-value-p.aqiUsa").css("display","none"); $(".card-img-icon.aqiUsa").css("display","none"); $(".card-img-icon.aqiInd").css("display","block"); $(".imagetextdata-aqitext.aqiUsa").css("display","none"); $(".imagetextdata-aqitext.aqiInd").css("display","block"); $(".aqiIn").css("display","block"); $(".aqiUs").css("display","none"); $("#most_pollutedCitiesRank p").remove(); $("#most_pollutedCitiesAqi p").remove(); $("#leastPollutedRank p").remove(); $("#least_pollutedCitiesAqi p").remove(); pollutedFunction("1","AQI-IN"); leastPolluted("2","AQI-IN") }} SetChartData();function SetChartData(){ $(".bar").css("background-color","#efefef"); $(".bar").css("color","black"); $(".line").css("background-color","#289BD1"); $(".line").css("color","white"); sensorparam = $(".sensorparam option:selected" ).val(); chartperiod = $(".chartperiod option:selected" ).val(); if (myChart) { myChart.destroy(); } var timeformat; var unit; var url; if (chartperiod == 1) { timeformat = "hA"; unit = "hour"; url = "https://api.aqi.in/api/v1/getLocationHistory24Hour"; } if (chartperiod == 2) { timeformat = "ll"; unit = "day"; url = "https://api.aqi.in/api/v1/getLocationHistoryWeek"; } if (chartperiod == 3) { timeformat = "MMM D"; unit = "day"; url = "https://api.aqi.in/api/v1/getLocationHistoryMonth"; }// console.log(authtoken);//console.log(locationId); var headers = { 'Authorization':authtoken, 'Content-Type':'application/json', 'locationid':locationId, 'searchtype':'countryId', 'sendevid':sensorparam }; makeAjaxCall(url,headers,"GET", function(respJson){ console.log("respJson"); //console.log(respJson); var chartdata = respJson['Table']['Data'][0]; var colorarray = []; var chartvalueobj = chartdata['averageArray']; var chartdateobj = chartdata['timeArray']; var avgcolorVal = chartdata['avgValue']; var avgcolor = GetColorBySensorNameAndValue(sensorparam,avgcolorVal); var bestdata = Math.min.apply(Math,chartvalueobj); // 1 var worstdata = Math.max.apply(Math,chartvalueobj); // 3 var bestindex = chartvalueobj.indexOf(bestdata); var worstindex = chartvalueobj.indexOf(worstdata); var bformatedtime = moment(chartdateobj[bestindex]).format('LT'); var bformateddate = moment(chartdateobj[bestindex]).format('YYYY-MM-DD'); var wformatedtime = moment(chartdateobj[worstindex]).format('LT'); var wformateddate = moment(chartdateobj[worstindex]).format('YYYY-MM-DD'); var start_date = moment().startOf(chartdateobj).format('YYYY-MM-DD'); var end_date = moment().endOf(chartdateobj).format('YYYY-MM-DD'); let schemaFaq = "";let measure = parseInt("9")/25; if(chartperiod == 1){ $('.bdate').text(bformatedtime); $('.wdate').text(wformatedtime); $('.timeperiod').text('last 24 hours'); $('.bestDate').html("The best air quality index was "+bestdata+" at "+bformatedtime+" during last 24 hrs"); $('.worstDate').html("The worst air quality index was "+worstdata+" at "+wformatedtime+" during last 24 hrs"); schemaFaq = '