San Jose Air Quality Index (AQI): Real-Time Air Pollution (2024)

>

'; $('.comp-card-live1').append(comp_html);} var aqiType = getCookie("aqiType") === "AQI-IN" ? "AQI-IN" : "AQI-US"; polluted_html +='

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

'; $('.least_polluted_cities').append(polluted_html1); $("#owl-demo1").owlCarousel({ autoPlay: 3000, //Set AutoPlay to 3 seconds items : 1, itemsDesktop : [1199,1], itemsDesktopSmall : [979,3] }); ChartData1(); function ChartData1(){ var coun_name = "Costa Rica"; var coun_city_name = ""; var coun_city_loc_name = "-13075"; var coun_city_loc_text = "San Jose"; 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"; /* console.log("coun_city_loc_name"); console.log(coun_city_loc_name);*/ var headers = { 'Authorization':authtoken, 'Content-Type':'application/json', 'locationid':coun_city_loc_name, 'searchtype':'locationId', 'sendevid':sensorparam }; var headerstwo = { 'Authorization':authtoken, 'Content-Type':'application/json', 'locationid':coun_city_name, 'searchtype':'cityId', 'sendevid':sensorparam }; var headersthree = { 'Authorization':authtoken, 'Content-Type':'application/json', 'locationid':coun_name, 'searchtype':'countryId', 'sendevid':sensorparam }; if(coun_name == "India" || coun_name == "india"){ ChartDataT1(url,headers,headerstwo,headersthree,sensorparam,unit,timeformat,coun_name,coun_city_name,coun_city_loc_text); }else{ ChartDataS2(url,headers,headersthree,sensorparam,unit,timeformat,coun_name,coun_city_loc_text); } } function ChartDataT1(url=0,headers=0,headerstwo=0,headersthree=0,sensorparam=0,unit=0,timeformat=0,coun_name=0,coun_city_name=0,coun_city_loc_name=0){ makeAjaxCall(url,headers,"GET", function(respJson){ //console.log(respJson); makeAjaxCall(url,headerstwo,"GET", function(respJsonTwo){ makeAjaxCall(url,headersthree,"GET", function(respJsonThree){ var location_name1 = coun_city_loc_name; var location_name2 = coun_city_name; var location_name3 = coun_name; var chartdata = respJson['Table']['Data'][0]; var colorarray = []; var chartvalueobj = chartdata['averageArray']; var chartAvgLoc = chartdata["avgValue"]; var chartdateobj = chartdata['timeArray']; var chartdataTwo = respJsonTwo['Table']['Data'][0]; var colorarrayTwo = []; var chartvalueobjTwo = chartdataTwo['averageArray']; var chartAvgCity = chartdataTwo["avgValue"]; var chartdateobjTwo = chartdataTwo['timeArray']; var chartdataThree = respJsonThree['Table']['Data'][0]; var colorarrayThree = []; var chartvalueobjThree = chartdataThree['averageArray']; var chartAvgCoun = chartdataThree["avgValue"]; var chartdateobjThree = chartdataThree['timeArray']; 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'); /* $('#bvalue').text(bestdata); $('#btime').text(bformatedtime); $('#bdate').text(bformateddate); $('#wvalue').text(worstdata); $('#wtime').text(wformatedtime); $('#wdate').text(wformateddate);*/ $(".Comparitive_text1_in2").text(chartAvgLoc); $(".Comparitive_text2_in2").text(chartAvgCity); $(".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 valuecolorThree = GetColorBySensorNameAndValue(sensorparam,chartvalueobjThree[i]); colorarrayThree.push(valuecolorThree); } 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: '#D8237E', pointBackgroundColor: colorarrayTwo, pointRadius: 2, borderWidth: 2, }, { label: location_name3, type: 'line', data: chartvalueobjThree, backgroundColor: 'transparent', pointBorderColor: 'transparent', borderColor: '#289BD1', pointBackgroundColor: colorarrayThree, pointRadius: 2, borderWidth: 2, }, ] }, options: { 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); }); }); });} 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 chartdateobj = chartdata['timeArray']; var chartdataTwo = respJsonTwo['Table']['Data'][0]; var colorarrayTwo = []; var chartvalueobjTwo = chartdataTwo['averageArray']; 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'); 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: 1, borderWidth: 2, }, { label: location_name2, type: 'line', data: chartvalueobjTwo, backgroundColor: 'transparent', pointBorderColor: 'transparent', borderColor: '#289BD1', pointBackgroundColor: colorarrayTwo, pointRadius: 1, 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); }); }); }const aqiIndia = "2";const aqiUsa = "8";console.log("Aqi ind and us","San Jose")progressRing({"aqiIn": aqiIndia,"aqiUs":aqiUsa});function progressRing(obj){ var location ="San Jose"; location = location.charAt(0).toUpperCase() + location.slice(1); if(screen.width < 520) { if(location.length > 25) { const name = location.split(" ") const shortName = name[0] + " " + name[1] + "..."; location = shortName; } } console.log("OBJECTR",singlelocations) var pageHeading = '';pageHeading += "

Real-time PM2.5, PM10 air pollution level

Last Update: 24 Jun 2024, 05:45am

";$(".card-header-h1").html(pageHeading);var total_goals = 999;var goals_completed = getCookie("aqiType") === "AQI-IN" ? obj.aqiIn : obj.aqiUs;var goal_color = getCookie("aqiType") === "AQI-IN" ? GetColorBySensorNameAndValue("AQI-IN",goals_completed) : GetColorBySensorNameAndValue("aqi",goals_completed);var country_aqi = "(AQI)";console.log("AQIfdfdVALUE",goals_completed,location);console.log(goal_color);var bar = new ProgressBar.Circle(progress_ring_aqi, { color: goal_color, // This has to be the same size as the maximum width to // prevent clipping strokeWidth: 8, trailWidth: 7, easing: 'easeInOut', duration: 1400, text: { autoStyleContainer: false }, from: { color: goal_color, width: 9 }, to: { color: goal_color, width: 9 }, // Set default step function for all animate calls step: function(state, circle) { circle.path.setAttribute('stroke', state.color); circle.path.setAttribute('stroke-width', state.width); var value = Math.round(circle.value() * 999); if (value === 0) { circle.setText(''); } else { console.log("VALUE LOCATION", value) circle.setText(value); $(".progressbar-text").css("color",goal_color) } }});bar.text.style.fontFamily = 'Nunito Sans, sans-serif';bar.text.style.fontSize = '20px';bar.text.style.color = "#f4f4f4";bar.text.style.fontWeight = '800';var g = "1";bar.animate(goals_completed/total_goals); // Number from 0.0 to 1.0}