As A22 user I would like to see the status of air quality provided by the network of low-cost sensors installed along the highway

[rcavaliere]

• Design of the web-component
• Implementation of the web-component.

Input for the design:

• differently from what indicated for the travel times application (see As A22 user I would like to see the travel times on the highway through a specific web-component #3), in this case it is important to have a glance of where the sensors are installed, i.e. a visualization of the sensors position on the map. The suggestion is to have the codes of the sensors directly shown on the default map view, without that the user needs to make a click on it
• parallel to the map, there should be a list of all sensors with the correspondent real-time value (timestamp of last measurement should be always reported). The sensors should be ideally ordered in a geographical way, i.e. from north to south, so that the correspondence with the map is easier.
• the reference data type is the average NO2 mean, but it should be possible from the application / web-application configurator to choose between other reference pollutants. The decision about which supported data types should be displayed should be configured in a config file or similar.
• in the list, sensors should be colored automatically depending on the value of the last measurements. We should foresee three reference classes and thresholds, i.e.

green if value <= threshold_1
yellow if value > threshold_1 and value <= threshold_2
red if value > threshold_2

Thresholds should be defined (for each pollutant defined) in a config file, they are the same for all sensors.

• the color of the sensor code of the map (or better of the background space on which the sensor code is written) should be consistent with what provided in the list view, so that the user can directly better understanding what is displayed.

[rcavaliere]

@sh-olmedo @MaxXx1313 please put here the link to the Figma project you have shown me. As said today, for the implementation we need to compute some elaborated information that we can provide as open data for the web-component to visualize. Therefore, while we wait us to complete this, we can start the work on some other web-components for which the data is already available.