Visualizing air quality sensor data in a web dashboard

React
React
Mapbox
Mapbox
Express.js
Express.js
Node.js
Node.js
AWS
AWS
Canvas
Canvas
Client & product
Airthings is a Norwegian tech company that has been manufacturing indoor radon monitoring products since 2008. Their custom dashboard displays air quality data measured by Airthings devices to end users in a convenient way and allows the company to monitor all its devices around the globe.
Challenges
Airthings needed real-time collection, processing, and visualization of data from IoT devices. Data on every Airthings device around the globe must be shown to the device owner in real-time and be available to Airthings managers. With a large number of devices on an interactive map, we had to optimize its performance to avoid lag during transitions.
Job done
Our engineers implemented a new dashboard feature on the Airthings website. It connects all devices and can be customized according to a user’s preferences. In addition, we created a map that shows the location of and data from each device and uses clustering to reduce load times and increase rendering speed.

Implemented features

1

Monitoring and alert system

Tracks multiple rooms and sends alerts when air quality is poor.

2

Dashboard customization

Users can add and remove, drag and drop, and resize tiles to fit their preferences.

3

CSV export

Users can download data in a CSV file for further analysis and use.

4 (1)

Multiple types of tiles

Device tiles summarize sensor data, and sensor tiles show data from individual sensors.

Map performance optimization

Optimized for fast loading

We configured Mapbox so images displayed on the map are downloaded from multiple domains.

Eliminated lag during transitions

Server-side rendering and Mapbox optimization improved map performance.

Rendering optimization

Raster images speed up map loading and rendering, as they already come from the server ready to use.

Outcomes
The solution we helped our client develop opened new opportunities for growth, marketing, and radon level analysis. Now Airthings can:
  • attract and engage more users due to the convenience of the dashboard
  • monitor the spread of their devices around the globe
  • detect potential new markets
In addition, customers are glad to be able to track indoor air quality.

Client’s feedback

Alexander Sagen
Head of Cloud & Web Software at Airthings AS
We used agile methodology and had daily standups. They were great at following up and always made sure we were happy with the team they assigned to us. When we went to visit them before the project started, they were very welcoming and gave us a tour of the city. They delivered everything they said they would. I'm very happy with them. Relevant Software established a smooth process using agile methodology, while their responsiveness and personable approach contributed to the positive experience.

Success cases

Sensor Innovation

IoT
Norway
Sensor Innovation
View case

MapMan

Retail
USA
MapMan
View case