Educational project
Visual AQI
精东影业 Image Focus
Air quality monitoring is one of the stations' core data but is often expressed as a simple numerical index, making it difficult for users to understand how much this value could change from different countries or cities.
Visual AQI, exploits the power of P5.js along with data collection via meteorological APIs, to visualize the diversity and importance of this data.
Visual AQI, exploits the power of P5.js along with data collection via meteorological APIs, to visualize the diversity and importance of this data.
The interface is very simple and intuitive. It offers a legend indicating the AQI (Air Quality Index) visual translation and a series of buttons to visualize other cities besides the default geolocated one. In addition to showing the AQI data, the background color, as well as the circle around the numerical index displayed, changes based on the perceived pollution gravity in the air.
The entire visual system is designed on a modular grid that changes based on sine and cosine values.
The data are collected using the aqicn.org API (a data collection project started about 15 years ago by Chinese researchers) and managed using p5.js.
The entire visual system is designed on a modular grid that changes based on sine and cosine values.
The data are collected using the aqicn.org API (a data collection project started about 15 years ago by Chinese researchers) and managed using p5.js.