feat(data-layers): improve land-cover tiles and legend (#520)

data/gdal-reproject.sh

@@ -52,7 +52,7 @@ for file in $(find $FOLDER -name *.nc -type f | sort -n); do
     --tmscompatible \
     --no-kml \
     --webviewer=none \
-    --resampling near \
+    --resampling average \
     --s_srs EPSG:4326 \
     ./colored.tif /data/images/$VARIABLE/$timestamp_counter
   else

scripts/generate-legend-images.js

@@ -24,24 +24,33 @@ variables.forEach(variable => {
     const min = colorRamp[colorRamp.length - 1][0];
     const range = max - min;
 
+    let lastColor = null;
+
     colorRamp.forEach(colorStop => {
       const [value, r, g, b, a] = colorStop;
       const stop = 1 - (value - min) / range;
+
       const alpha = Number(a) / 255;
       const hasAlpha = !isNaN(a);
       const color = `rgb${hasAlpha ? 'a' : ''}(${r}, ${g}, ${b}${
         hasAlpha ? `, ${alpha}` : ''
       })`;
 
+      if (variable === 'lccs_class' && lastColor) {
+        gradient.addColorStop(stop - 0.001, lastColor);
+      }
+
       gradient.addColorStop(stop, color);
+
+      lastColor = color;
     });
 
     ctx.fillStyle = gradient;
     ctx.fillRect(0, 0, WIDTH, HEIGHT);
 
     writeImage(variable, canvas);
   } catch (err) {
-    console.log(`No colors file found for ${variable}`);
+    console.log(`No colors file found for ${variable}`, err);
     return;
   }
 });