sbrl-github/Air-Quality-Web
1
0
Fork 0
mirror of https://github.com/ConnectedHumber/Air-Quality-Web synced 2024-12-21 10:25:00 +00:00
Code Issues Releases Wiki Activity

Update changelog

Browse source
This commit is contained in:
Starbeamrainbowlabs 2019-04-23 15:49:15 +01:00
parent 0c446f2864
commit 38c4e0a585
Signed by: sbrl
GPG key ID: 1BE5172E637709C2
4 changed files with 50 additions and 24 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
Changelog.md
View file

@ -1,5 +1,9 @@
# Changelog # Changelog
# v0.8 - 23rd April 2019
- Update heatmap colours to match the [official DEFRA standards](https://uk-air.defra.gov.uk/air-pollution/daqi?view=more-info&pollutant=pm25#pollutant)
- Bugfix: Allow different reading types to be selected once more in the bottom-left
## v0.7.1 - 16th April 2019 ## v0.7.1 - 16th April 2019
- [API] `list-reading-types` no longer returns an error if a device hasn't submitted any readings yet - [API] `list-reading-types` no longer returns an error if a device hasn't submitted any readings yet
- [API] Remove device locations from `fetch-data` action to boost performance - [API] Remove device locations from `fetch-data` action to boost performance

66
client_src/js/LayerHeatmap.mjs
View file

@ -28,13 +28,7 @@ class LayerHeatmap {
lngField: "longitude", lngField: "longitude",
valueField: "value", valueField: "value",
gradient: { gradient: { } // Automatically filled in further down
// 0 to 35 low (green), 36 to 53 moderate (amber) 54 to 70 high (red) and above 71 (purple)
0.233: "green",
0.593: "orange",
0.827: "red",
1: "purple"
}
}; };
this.layer = new L.LayerGroup(); this.layer = new L.LayerGroup();
this.map.addLayer(this.layer); this.map.addLayer(this.layer);
@ -71,33 +65,61 @@ class LayerHeatmap {
} }
}, },
"PM10": { "PM10": {
// 0 to 50 low (green) 51 to75 moderate (amber) 76 to 100 high (red) and more than 100 very high (purple) /*
max: 100, * Range Midpoint Name Colour
* 0-16 8 Low 1 #9CFF9C
* 17-33 25 Low 2 #31FF00
* 34-50 42 Low 3 #31CF00
* 51-58 54.5 Moderate 1 #FFFF00
* 59-66 62.5 Moderate 2 #FFCF00
* 67-75 71 Moderate 3 #FF9A00
* 76-83 79.5 High 1 #FF6464
* 84-91 87.5 High 2 #FF0000
* 92-100 96 High 3 #990000
* 101 105.5 Very High #CE30FF
*/
max: 110,
gradient: { gradient: {
"0": "hsla(111, 76%, 42%, 0)", "0": "#9CFF9C", "8": "#9CFF9C", // Low 1
"0.45": "hsl(111, 76%, 42%)", // green "25": "#31FF00", // Low 2
"0.573": "orange", "42": "#31CF00", // Low 3
"0.8": "red", "54.5": "#FFFF00", // Moderate 1
"1": "purple" "62.5": "#FFCF00", // Moderate 2
"71": "#FF9A00", // Moderate 3
"79.5": "#FF6464", // High 1
"87.5": "#FF0000", // High 2
"96": "#990000", // High 3
"105.5": "#CE30FF", "110": "#CE30FF", // Very high
} }
}, },
"humidity": { "humidity": {
max: 100, max: 100,
gradient: { gradient: {
"0": "hsla(176, 77%, 40%, 0)", "0": "hsla(176, 77%, 40%, 0)",
"0.5": "hsl(176, 77%, 40%)", "50": "hsl(176, 77%, 40%)",
"1": "blue" "100": "blue"
} }
}, },
"temperature": { "temperature": {
max: 40, max: 40,
gradient: { gradient: {
"-0.25": "blue", "0": "blue",
"0.25": "cyan", "5": "cyan",
"0.375": "green", "15": "green",
"0.5": "yellow", "20": "yellow",
"0.75": "orange", "30": "orange",
"1": "red" "40": "red"
}
},
"pressure": {
max: 1100,
gradient: {
"870": "purple",
"916": "red",
"962": "orange",
"1008": "yellow",
"1054": "green",
"1100": "#BFED91"
} }
} }
}; };

2
client_src/js/UI.mjs
View file

@ -39,7 +39,7 @@ class UI {
name: "Reading Type", name: "Reading Type",
items: this.reading_types.map((type) => type.friendly_text), items: this.reading_types.map((type) => type.friendly_text),
callback: ((event) => { callback: ((event) => {
let new_type = this.reading_types.find((type) => type.friendly_text == event.target.value).id; let new_type = this.reading_types.find((type) => type.friendly_text == event.target.value).short_descr;
this.map_manager.heatmap.update_reading_type(new_type); this.map_manager.heatmap.update_reading_type(new_type);
}).bind(this) }).bind(this)

2
version
View file

@ -1 +1 @@
v0.7.1 v0.8