Change from val to percent.

index.html

@@ -120,7 +120,7 @@
         </div>
 
         <div id="right-side" style="text-indent: 0.5rem; text-top: 1rem;">
-        <img src="data:image/png;base64,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621pyenMuCfY0tfn+9KSTb363/Rs+5mMCQAABAkAAAgSAAAQJAAAIEgAAECQAACAIAEAAEECAACCBAAABAkAAAgSAAAQJAAAIEgAAECQAACAIAEAAEECAACCBAAABAkAAAgSAAAQJAAAIEgAAECQAACAIAEAAEECAACCBAAABAkAAAj6WFrASr4+35eWrOZyvS0tecqMewKYlAkAAAQJAAAIEgAAECQAACBIAABAkAAAgCABAABBvgcA4Chm+z6L2fYzGRMAAAgSAAAQJAAAIEgAAECQAACAIAEAAEECAACCBAAABAkAAAgSAAAQJAAAIEgAAECQAACAIAEAAEECAACCBAAABAkAAAgSAAAQJAAAIEgAAECQAACAIAEAAEEfSwtYyeV6W1pyOjPuCWBSJgAAECQAACBIAABAkAAAgCAfAgQ4iq/P96Ulm3r1g72z7WcyJgAAECQAACBIAABAkAAAgCABAABBAgAAggQAAAQJAAAIEgAAECQAACBIAABAkAAAgCABAABBAgAAggQAAAQJAAAIEgAAECQAACBIAABAkAAAgKCPpQWs5OvzfWnJai7X29KSp8y4J4BJmQAAQJAAAIAgAQAAQQIAAIIEAAAECQAACBIAABAkAAAgSAAAQJAAAIAgAQAAQQIAAIIEAAAECQAACPJzwABHMdvPWs+2n8mYAABAkAAAgCABAABBAgAAggQAAAQJAAAIEgAAECQAACBIAABAkAAAgCABAABBAgAAggQAAAQJAAAIEgAAEPSxtICVzPg72TPuCWBSJgAAECQAACBIAABAkAAAgCABAABBAgAAggQAAAQJAAAIEgAAECQAACBIAABAkAAAgCABAABBAgAAggQAAAQJAAAIEgAAECQAACBIAABAkAAAgCABAABBH0sLgLe3t8v1trQE4ExMAAAgSAAAQJAAAIAgAQAAQQIAAIIEAAAECQAACBIAABAkAAAgSAAAQJAAAIAgAQAAQQIAAIIEAAAECQAACBIAABD0vrRgd5frbWkJAEzn63PVM9oEAACCBAAABAkAAAgSAAAQJAAAIEgAAECQAACAIAEAAEECAACCBAAABAkAAAgSAAAQJAAAIEgAAECQAACAIAEAAEECAACCBAAABAkAAAgSAAAQJAAAIEgAAECQAACAIAEAAEECAACCBAAABAkAAAgSAAAQJAAAIEgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHNx/ARXdb82H7YErAAAAAElFTkSuQmCC" width="10%" height="10%">
+        <img src="data:image/png;base64,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621pyenMuCfY0tfn+9KSTb363/Rs+5mMCQAABAkAAAgSAAAQJAAAIEgAAECQAACAIAEAAEECAACCBAAABAkAAAgSAAAQJAAAIEgAAECQAACAIAEAAEECAACCBAAABAkAAAgSAAAQJAAAIEgAAECQAACAIAEAAEECAACCBAAABAkAAAj6WFrASr4+35eWrOZyvS0tecqMewKYlAkAAAQJAAAIEgAAECQAACBIAABAkAAAgCABAABBvgcA4Chm+z6L2fYzGRMAAAgSAAAQJAAAIEgAAECQAACAIAEAAEECAACCBAAABAkAAAgSAAAQJAAAIEgAAECQAACAIAEAAEECAACCBAAABAkAAAgSAAAQJAAAIEgAAECQAACAIAEAAEEfSwtYyeV6W1pyOjPuCWBSJgAAECQAACBIAABAkAAAgCAfAgQ4iq/P96Ulm3r1g72z7WcyJgAAECQAACBIAABAkAAAgCABAABBAgAAggQAAAQJAAAIEgAAECQAACBIAABAkAAAgCABAABBAgAAggQAAAQJAAAIEgAAECQAACBIAABAkAAAgKCPpQWs5OvzfWnJai7X29KSp8y4J4BJmQAAQJAAAIAgAQAAQQIAAIIEAAAECQAACBIAABAkAAAgSAAAQJAAAIAgAQAAQQIAAIIEAAAECQAACPJzwABHMdvPWs+2n8mYAABAkAAAgCABAABBAgAAggQAAAQJAAAIEgAAECQAACBIAABAkAAAgCABAABBAgAAggQAAAQJAAAIEgAAEPSxtICVzPg72TPuCWBSJgAAECQAACBIAABAkAAAgCABAABBAgAAggQAAAQJAAAIEgAAECQAACBIAABAkAAAgCABAABBAgAAggQAAAQJAAAIEgAAECQAACBIAABAkAAAgCABAABBH0sLgLe3t8v1trQE4ExMAAAgSAAAQJAAAIAgAQAAQQIAAIIEAAAECQAACBIAABAkAAAgSAAAQJAAAIAgAQAAQQIAAIIEAAAECQAACBIAABD0vrRgd5frbWkJAEzn63PVM9oEAACCBAAABAkAAAgSAAAQJAAAIEgAAECQAACAIAEAAEECAACCBAAABAkAAAgSAAAQJAAAIEgAAECQAACAIAEAAEECAACCBAAABAkAAAgSAAAQJAAAIEgAAECQAACAIAEAAEECAACCBAAABAkAAAgSAAAQJAAAIEgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHNx/ARXdb82H7YErAAAAAElFTkSuQmCC" width="15%" height="15%">
 
         <span id="value-symbol" class="ml-30 mr-10">PM<sub>10</sub></span>
 
@@ -157,7 +157,7 @@
         </a>
 
 
-        <span id="value-id">µg/m³</span>
+        <span id="value-id">%</span>
 
         </div>
 
@@ -242,8 +242,11 @@
             var measurement = data.measurements[Object.keys(data.measurements).find(function(key){
                return data.measurements[key].station == selectedStation && data.measurements[key].type == selectedPollution;
             })];
+            var pollution = data.pollutions.find(function(data){
+               return data.uuid === selectedPollution;
+            });
             if (measurement){
-                return measurement.value;
+                return 100 * measurement.value / pollution.norm;
             } else {
                 return undefined;
             }