The web interface and JSON API for the ConnectedHumber Air Quality Monitoring Project.
This project contains the web interface for the ConnectedHumber sensor system. Despite being called Air Quality Web, it is designed to display any kind of sensor data - not just air quality sensor readings.
It is composed of 2 parts:
- A PHP-based JSON API server (entry point: api.php) that's backed by a MariaDB server
The client-side browser application is powered by Leaflet.
Note that this project is not responsible for entering data into the database. This project's purpose is simply to display the data.
Documentation has moved! You can view it here:
- The default branch
- Should always be stable
- The development branch
- May not always be stable.
- Readings are taken every 6 minutes as standard.
The issue tracker is the place where all the tasks relating to the project are kept.
Please remember: All pull requests should be made against the
dev branch, not master! The
master branch is the stable version that automatically gets pushed to production.
This website displays sensor reading from devices created by individuals with an interest in monitoring their environment and is not endorsed or funded in any way by UK government supported bodies such as DEFRA. It is , however, hoped that this work may be useful in educational applications.
The sensors, on the map, are installed in different ways, in different enclosures, at different heights and with different exposures to sunlight and wind . This means that, although individual sensors may use the same detectors, those detectors could produce varying results due to the above and also due to component tolerance spread.
No attempt has been made, by us, to calibrate the sensor readings in any way though the visual representation will include some aggregation of readings.
If you wish to create a device to display data on this map please register with mattermost.connectedhumber.org and we will provide you with direction and designs to build your own sensor device.
- Map: Leaflet.js showing OpenStreetMaps using various plugins
- Colour manipulation by chroma.js
- Device graphs by chart.js
- Loading Animation
- Some icons from Open Iconic
This project is licensed under the Mozilla Public License 2.0. The full text of this license can be found in the LICENSE file of this repository, along with a helpful summary of what you can and can't do provided by GitHub.