<script  type="text/javascript"  charset="utf-8">  
    (function(w,d,t,f){  w[f]=w[f]||function(c,k,n){s=w[f],k=s['k']=(s['k']||(k?('&k='+k):''));s['c']=  
    c=(c  instanceof  Array)?c:[c];s['n']=n=n||0;L=d.createElement(t),e=d.getElementsByTagName(t)[0];  
    L.async=1;L.src='//feed.aqicn.org/feed/'+(c[n].city)+'/'+(c[n].lang||'')+'/feed.v1.js?n='+n+k;  
    e.parentNode.insertBefore(L,e);  };  })(  window,document,'script','_aqiFeed'  );    
</script>

  
<span  id="city-aqi-container"></span>  
  
<script  type="text/javascript"  charset="utf-8">  
    _aqiFeed({  container:"city-aqi-container",  city:"beijing"  });  
</script>

The function `_aqiFeed` takes as argument the configuration block for the widget. The parameter `container: "city-aqi-container"` refers to the id of the tag in which you want to insert the widget (eg `<span id='city-aqi-container'></span>`), and the parameter city the name of the city for which you want to show the current Air Quality reading (eg `city: "london"`).

  
_aqiFeed({  
	container:"city-aqi-container",  
	city:"beijing",  
	lang:"cn"  
});  

  
_aqiFeed({    
	display:"%cityname  AQI  is  %aqi<br><small>on  %date</small>",  
	container:"city-aqi-container-display",    
	city:"beijing"  
});  

• `%cityname` for the name of the city (eg Beijing),
• `%aqi` for the decorated AQI value (eg 58),
• `%aqiv` for the undecorated (raw text) AQI value (eg 58),
• `%style` for the css declaration of the decorated AQI details (eg background-color: #ffde33;color:#000000;),
• `%time` for the time at which the AQI was updated (eg Wed 20:00),
• `%impact` for the associated health impact (eg Good, Moderate...)
• `%attribution` for the AQI data attribution ( eg Beijing Environmental Protection Monitoring Center)
• `%details` for the full AQI details (the content of the popup displayed when moving the mouse over the AQI value).

  
_aqiFeed({  city:"beijing",  callback:function(aqi){  
	/*  Do  whatever  you  want  with  the  AQI  object  */  
	console.log(aqi);    
}  });

  
<div  id='my-container'></div>  
<script  type="text/javascript"  charset="utf-8">  
_aqiFeed({  city:"beijing",  lang:"pl",  callback:function(aqi){  
	$("#my-container").html(aqi.details);  
}  });  
</script>

  
var  cities  =  ["london",  "newyork",  "seoul",  "guangzhou",  "tokyo",  "shanghai",  "paris","hongkong"];  
  
var  aqiWidgetConfig  =  [];    
cities.forEach(function(city)  {  aqiWidgetConfig.push({city:city,  callback:  displayCity});  });  
_aqiFeed(aqiWidgetConfig);  
  
function  displayCity(aqi)  {  
	$("#mutiple-city-aqi").append(aqi.text("<center>%cityname<br>%aqi<br><small>%date</small></center>"));  
}  

• First, always make sure that the attribution to the originating EPA is present. All the Air Quality data you can find on the World Air Quality Index project is thanks to the hard work from all the EPA's all over the world, so please make sure to provide the attribution for their work too. If you use the programtic API, the attribution is available from the attribution field.
  
  
• If you are from an instution and usign the data, please, show respect and pay back the credits for our work. If you are trying to scrape the data feed, please, keep in mind that this project relies on sponsorship and cooperation projects, so consider supporting us rather than scrapping us, especially if you are a large scale institution or university.
  
  
• As a matter of fact, do not act like the WRI (World Resource Institute ): Scrapping the overall World Air Quality Index project data feed, and beeing so cheap that they would not even give any attribution for our work, and this despite their 80 millions annual USD fundings. Don't believe us? Check this snapshot.