Ohio Air Quality Index (AQI) : Real-Time Air Pollution (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="+stateName+','+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']; forcastData(latitude_w,longitude_w); 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 aqiIn = "34"; const aqiUs = "38"; let aqi = getCookie("aqiType") === "AQI-IN" ? aqiIn : aqiUs; console.log("AQI STATE", aqi) if(countryNameAqi_text == "india" || countryNameAqi_text == "India"){ bgimg = GetImageTextColorAQIINjs(aqi,time); $('.mobile-section-aqi-card').css('background-image', 'url(' + bgimg['bgaqimage'] + ')'); //$(".card-img-icon-mobile").attr("src",'' + bgimg['cartoonimg'] + ''); if(bgimg['cartoonimg'] === "https://www.aqi.in/assets/images/hazardous-aqi-boy.png") { //console.log("I AM AT A PAYPHONE") $(".card-img-icon-mobile").css("left", "-21px"); $(".card-img-icon-mobile").css("width", "7em"); $(".card-img-icon-mobile").css("top", "18px") } $("#myHeader").css('background-color' ,''+bgimg['aqibgcolor']+''); // $(".breadcrumb-mobile").css('background-color' ,''+bgimg['aqibgcolor']+''); }else{ bgimg = GetImageTextColorjs(aqi,time); console.log("BACK Elese",bgimg['bgaqimage']) $('.mobile-section-aqi-card').css('background-image', 'url(' + bgimg['bgaqimage'] + ')'); //$(".card-img-icon-mobile").attr("src",'' + bgimg['cartoonimg'] + ''); $("#myHeader").css('background-color' ,''+bgimg['aqibgcolor']+''); //$(".breadcrumb-mobile").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 aqiIn = "34"; const aqiUs = "38"; let aqi = getCookie("aqiType") === "AQI-IN" ? aqiIn : aqiUs; if(countryNameAqi_text == "india" || countryNameAqi_text == "India") { bgimg = GetImageTextColorAQIINjs(aqi,time); console.log("CARTOOOOOOON", bgimg["cartoonimg"]) if(bgimg['cartoonimg'] === "https://www.aqi.in/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 aqiIn = "34"; const aqiUs = "38"; let aqi = getCookie("aqiType") === "AQI-IN" ? aqiIn : aqiUs; 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 aqiIn = "34"; const aqiUs = "38"; let aqi = getCookie("aqiType") === "AQI-IN" ? aqiIn : aqiUs; 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 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<=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"; } } 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<=200) { 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>200 && aqi<=300) { 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>300 && aqi<=400) { 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 = "#c0f2e3"; } 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 = "#feff7f"; } else if(aqi>100 && aqi<=200) { bgaqimage = "https://www.aqi.in/assets/images/bg-mobile-img-a3.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-a4.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-a5.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-a6.png"; 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/bg-mobile-img-e1.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-e2.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-e3.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-e4.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-e5.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-e6.png"; 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/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;}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<=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"; } } 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<=200) { 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>200 && aqi<=300) { 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>300 && aqi<=400) { 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/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/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<=200) { 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>200 && aqi<=300) { 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>300 && aqi<=400) { 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");}); $(document).ready(function(){ var pollitantcities = { "Locations": [ { "locationName": "Jefferson", "cityName": "Jefferson", "stateName": "Louisiana", "countryName": "United States", "source": "World Air Quality Index Project", "sourceUrl": "https:\/\/waqi.info", "locationCount": 1, "timeStamp": "02 Jul 2024, 09:05pm", "aqi": 124 }, { "locationName": "Crestline", "cityName": "Crestline", "stateName": "California", "countryName": "United States", "source": "World Air Quality Index Project", "sourceUrl": "https:\/\/waqi.info", "locationCount": 1, "timeStamp": "02 Jul 2024, 04:05pm", "aqi": 115 }, { "locationName": "Conroe", "cityName": "Conroe", "stateName": "Texas", "countryName": "United States", "source": "World Air Quality Index Project", "sourceUrl": "https:\/\/waqi.info", "locationCount": 1, "timeStamp": "02 Jul 2024, 07:05pm", "aqi": 97 }, { "locationName": "Grass Valley", "cityName": "Grass Valley", "stateName": "California", "countryName": "United States", "source": "World Air Quality Index Project", "sourceUrl": "https:\/\/waqi.info", "locationCount": 1, "timeStamp": "02 Jul 2024, 06:05pm", "aqi": 95 }, { "locationName": "Miles City", "cityName": "Miles City", "stateName": "Montana", "countryName": "United States", "source": "World Air Quality Index Project", "sourceUrl": "https:\/\/waqi.info", "locationCount": 1, "timeStamp": "02 Jul 2024, 06:05pm", "aqi": 87 }, { "locationName": "Banning", "cityName": "Banning", "stateName": "California", "countryName": "United States", "source": "World Air Quality Index Project", "sourceUrl": "https:\/\/waqi.info", "locationCount": 1, "timeStamp": "02 Jul 2024, 04:05pm", "aqi": 80 }, { "locationName": "Jacinto City", "cityName": "Jacinto City", "stateName": "Texas", "countryName": "United States", "source": "World Air Quality Index Project", "sourceUrl": "https:\/\/waqi.info", "locationCount": 1, "timeStamp": "02 Jul 2024, 07:05pm", "aqi": 78 }, { "locationName": "Victorville", "cityName": "Victorville", "stateName": "California", "countryName": "United States", "source": "World Air Quality Index Project", "sourceUrl": "https:\/\/waqi.info", "locationCount": 1, "timeStamp": "02 Jul 2024, 06:05pm", "aqi": 77 }, { "locationName": "Santa Clarita", "cityName": "Santa Clarita", "stateName": "California", "countryName": "United States", "source": "World Air Quality Index Project", "sourceUrl": "https:\/\/waqi.info", "locationCount": 1, "timeStamp": "02 Jul 2024, 04:05pm", "aqi": 77 }, { "locationName": "Kirby", "cityName": "Kirby", "stateName": "Texas", "countryName": "United States", "source": "World Air Quality Index Project", "sourceUrl": "https:\/\/waqi.info", "locationCount": 1, "timeStamp": "02 Jul 2024, 08:05pm", "aqi": 74 } ]}; var least_pollutantcities = { "Locations": [ { "locationName": "Airway Heights", "cityName": "Airway Heights", "stateName": "Washington", "countryName": "United States", "source": "World Air Quality Index Project", "sourceUrl": "https:\/\/waqi.info", "locationCount": 1, "timeStamp": "02 Jul 2024, 09:05pm", "aqi": 4 }, { "locationName": "Taos", "cityName": "Taos", "stateName": "New Mexico", "countryName": "United States", "source": "World Air Quality Index Project", "sourceUrl": "https:\/\/waqi.info", "locationCount": 1, "timeStamp": "02 Jul 2024, 05:05pm", "aqi": 4 }, { "locationName": "Fort Collins", "cityName": "Fort Collins", "stateName": "Colorado", "countryName": "United States", "source": "World Air Quality Index Project", "sourceUrl": "https:\/\/waqi.info", "locationCount": 1, "timeStamp": "02 Jul 2024, 08:05pm", "aqi": 8 }, { "locationName": "Hillsboro", "cityName": "Hillsboro", "stateName": "Oregon", "countryName": "United States", "source": "World Air Quality Index Project", "sourceUrl": "https:\/\/waqi.info", "locationCount": 1, "timeStamp": "02 Jul 2024, 05:05pm", "aqi": 8 }, { "locationName": "Walla Walla", "cityName": "Walla Walla", "stateName": "Washington", "countryName": "United States", "source": "World Air Quality Index Project", "sourceUrl": "https:\/\/waqi.info", "locationCount": 1, "timeStamp": "02 Jul 2024, 11:05am", "aqi": 8 }, { "locationName": "Greeley", "cityName": "Greeley", "stateName": "Colorado", "countryName": "United States", "source": "World Air Quality Index Project", "sourceUrl": "https:\/\/waqi.info", "locationCount": 1, "timeStamp": "02 Jul 2024, 06:05pm", "aqi": 8 }, { "locationName": "Juneau", "cityName": "Juneau", "stateName": "Alaska", "countryName": "United States", "source": "World Air Quality Index Project", "sourceUrl": "https:\/\/waqi.info", "locationCount": 1, "timeStamp": "02 Jul 2024, 06:05pm", "aqi": 8 }, { "locationName": "Toppenish", "cityName": "Toppenish", "stateName": "Washington", "countryName": "United States", "source": "World Air Quality Index Project", "sourceUrl": "https:\/\/waqi.info", "locationCount": 1, "timeStamp": "02 Jul 2024, 09:05pm", "aqi": 8 }, { "locationName": "Silverton", "cityName": "Silverton", "stateName": "Oregon", "countryName": "United States", "source": "World Air Quality Index Project", "sourceUrl": "https:\/\/waqi.info", "locationCount": 1, "timeStamp": "02 Jul 2024, 05:05pm", "aqi": 8 }, { "locationName": "Suffolk", "cityName": "Suffolk", "stateName": "Virginia", "countryName": "United States", "source": "World Air Quality Index Project", "sourceUrl": "https:\/\/waqi.info", "locationCount": 1, "timeStamp": "02 Jul 2024, 09:05pm", "aqi": 8 } ]}; console.log("most polluted",pollitantcities); var countryNameAqi = ""; var countryLink1 = "United States"; var aqiType = getCookie("aqiType") === "AQI-IN" ? "AQI-IN" : "AQI-US"; var polluted_html=''; var polluted_html1=''; var polluted_html2=''; polluted_html +='

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

'; $('.least_polluted_cities').append(polluted_html1); });var myChart;var myChart1;var myChart2;var config;var config1;var config2;var config3;ChartData1(); function ChartData1(){ var coun_name = "United States"; var coun_city_loc_name = "Ohio"; var coun_city_loc_text = "Ohio"; var sensorparam = "aqi"; coun_city_loc_text = coun_city_loc_text.substring(0, 15); if(myChart2) { myChart2.destroy(); } var comparealldata = []; var optionname = []; var chartperiod = 1; var timeformat; var unit; var url; timeformat = "hA"; unit = "hour"; url = "https://api.aqi.in/api/v1/getLocationHistory24Hour"; var headers = { 'Authorization':authtoken, 'Content-Type':'application/json', 'locationid':coun_city_loc_name, 'searchtype':'stateId', 'sendevid':sensorparam }; var headersthree = { 'Authorization':authtoken, 'Content-Type':'application/json', 'locationid':coun_name, 'searchtype':'countryId', 'sendevid':sensorparam }; ChartDataS2(url,headers,headersthree,sensorparam,unit,timeformat,coun_name,coun_city_loc_text); } function ChartDataS2(url=0,headers=0,headerstwo=0,sensorparam=0,unit=0,timeformat=0,coun_name=0,coun_city_loc_text=0){ makeAjaxCall(url,headers,"GET", function(respJson){ //console.log(respJson); makeAjaxCall(url,headerstwo,"GET", function(respJsonTwo){ // console.log(respJsonTwo); var chartdata = respJson['Table']['Data'][0]; var colorarray = []; var chartvalueobj = chartdata['averageArray']; var chartAvgState = chartdata["avgValue"]; var chartdateobj = chartdata['timeArray']; var chartdataTwo = respJsonTwo['Table']['Data'][0]; var colorarrayTwo = []; var chartvalueobjTwo = chartdataTwo['averageArray']; var chartAvgCoun = chartdataTwo["avgValue"]; var chartdateobjTwo = chartdataTwo['timeArray']; var location_name1 = coun_city_loc_text; var location_name2 = coun_name; 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('LL'); var wformatedtime = moment(chartdateobj[worstindex]).format('LT'); var wformateddate = moment(chartdateobj[worstindex]).format('LL'); var start_date = moment().startOf(chartdateobj).format('YYYY-MM-DD'); var end_date = moment().endOf(chartdateobj).format('YYYY-MM-DD'); $(".Comparitive_text1_in2").text(chartAvgState); $(".Comparitive_text3_in2").text(chartAvgCoun); if($(window).width() > 640){ var ctx = document.getElementById("history_comp_graph").getContext("2d"); var grd = ctx.createLinearGradient(0.000, 350.000, 0.000, 100.000); }else{ var ctx = document.getElementById("history_comp_graph_s").getContext("2d"); var grd = ctx.createLinearGradient(0.000, 350.000, 0.000, 100.000); } for(var i in chartvalueobj) { var valuecolor = GetColorBySensorNameAndValue(sensorparam,chartvalueobj[i]); colorarray.push(valuecolor); var valuecolorTwo = GetColorBySensorNameAndValue(sensorparam,chartvalueobjTwo[i]); colorarrayTwo.push(valuecolorTwo); } var unit_type = "1"; var str = respJson['Table']['sensorName']; var res = str.toUpperCase(); /*var annnot_arr=get_annotation(res,unit_type);*/ config2 = { data: { labels: chartdateobj, datasets: [ { label: location_name1, type: 'line', data: chartvalueobj, backgroundColor: 'transparent', pointBorderColor: 'transparent', borderColor: '#39A033', pointBackgroundColor: colorarray, pointRadius: 2, borderWidth: 2, }, { label: location_name2, type: 'line', data: chartvalueobjTwo, backgroundColor: 'transparent', pointBorderColor: 'transparent', borderColor: '#289BD1', pointBackgroundColor: colorarrayTwo, pointRadius: 2, borderWidth: 2, }, ] }, options: { /* annotation: { annotations:annnot_arr },*/ responsive: true, maintainAspectRatio: true, animation: { easing: 'easeInOutQuad', duration: 520 }, legend: { display: true }, scales: { xAxes: [{ gridLines:{ display: false }, ticks: { autoSkip: true, }, barThickness: 5, type: "time", time: { unit: unit, displayFormats: { quarter: timeformat } } }], yAxes: [{ gridLines: { display:true }, ticks: { min: 0, } }] }, legend: { display: false, labels: { //fontColor: "red", //fontSize: 18 } }, point: { backgroundColor: 'white' }, //onClick: graphClickEvent, tooltips: { mode: "index", intersect: true, enabled: true, mode: "index", position: "average", } } }; var temp = jQuery.extend(true, {}, config2); myChart2 = new Chart(ctx, temp); }); }); }SetChartData();function SetChartData(){ //console.log(locationId); $(".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"; } var headers = { 'Authorization':authtoken, 'Content-Type':'application/json', 'locationid':locationId, 'searchtype':'stateId', 'sendevid':sensorparam }; makeAjaxCall(url,headers,"GET", function(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("4")/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 = '