Merge branch 'main' into andras-experimenting

Author: azlinszkysinergise

.github/workflows/page.yml

@@ -30,24 +30,24 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
       - name: Setup Ruby
-        uses: ruby/setup-ruby@v1
+        uses: ruby/setup-ruby@v1.191.0
         with:
-          ruby-version: '3.1' # Not needed with a .ruby-version file
+          ruby-version: '3.2.1' # Not needed with a .ruby-version file
           bundler-cache: true # runs 'bundle install' and caches installed gems automatically
-          cache-version: 0 # Increment this number if you need to re-download cached gems
+          cache-version: 1 # Increment this number if you need to re-download cached gems
       - name: Setup Pages
         id: pages
-        uses: actions/configure-pages@v2
+        uses: actions/configure-pages@v5
       - name: Build with Jekyll
         # Outputs to the './_site' directory by default
         run: bundle exec jekyll build --baseurl "${{ steps.pages.outputs.base_path }}"
         env:
           JEKYLL_ENV: production
       - name: Upload artifact
         # Automatically uploads an artifact from the './_site' directory by default
-        uses: actions/upload-pages-artifact@v1
+        uses: actions/upload-pages-artifact@v3
 
   # Deployment job
   deploy:
@@ -59,4 +59,4 @@ jobs:
     steps:
       - name: Deploy to GitHub Pages
         id: deployment
-        uses: actions/deploy-pages@v1
+        uses: actions/deploy-pages@v4

.gitignore

@@ -1,3 +1,5 @@
 _site
 Gemfile.lock
-.DS_Store
+.DS_Store
+
+example-0.jpg

Gemfile

@@ -1,7 +1,8 @@
 source 'https://rubygems.org'
-gem "github-pages", "231", group: :jekyll_plugins
-gem "just-the-docs", "0.8.2" 
+
+gem "github-pages", "232", group: :jekyll_plugins
+gem "just-the-docs", "0.9.0" 
 gem "webrick"
 gem "rake"
-gem "jekyll", "3.9.5"
+gem "jekyll", "3.10"
 gem "html-proofer", git: "https://github.com/jonasViehweger/html-proofer"

_layouts/script.html

@@ -16,6 +16,8 @@
   S5_SO2: S5_SO2_CDAS
   S1_AWS_EW_HHHV: S1_CDAS_EW_HHHV
   S1_MOSAIC: 3c662330-108b-4378-8899-525fd5a225cb
+  DEM_MAPZEN: DEM_COPERNICUS_30_CDAS
+
 ---
 
 <h1 class="d-inline" id={{page.slug}}> {{page.title}} </h1>
@@ -55,7 +57,7 @@ <h1 class="d-inline" id={{page.slug}}> {{page.title}} </h1>
 </div>
 
 {% if page.examples %}
-<h2 class="d-inline"> Evaluate and Visualize </h2>
+<h2 id="evaluate-and-visualize"> <a href="#evaluate-and-visualize" class="anchor-heading" aria-labelledby="evaluate-and-visualize"><svg viewBox="0 0 16 16" aria-hidden="true"><use xlink:href="#svg-link"></use></svg></a> Evaluate and Visualize </h2>
 {% for example in page.examples %}
 {% if example.name %}
 <h3 class="d-inline"> {{example.name}} </h2>

analysis_ready_planetscope/ndvi/raw.js

@@ -4,14 +4,24 @@ parent: DEM
 layout: script
 permalink: /dem/dem-color/
 nav_exclude: true
+scripts:
+- - Visualization
+  - script.js
+- - EO Browser
+  - eob.js
+examples:
+- zoom: '10'
+  lat: '42.40876'
+  lng: '12.00634'
+  datasetId: DEM_MAPZEN
+  fromTime: '2023-10-02T00:00:00.000Z'
+  toTime: '2023-10-02T23:59:59.999Z'
+  platform:
+  - CDSE
+  - EOB
+  evalscripturl: https://custom-scripts.sentinel-hub.com/dem/dem-color/eob.js
 ---
 
-
-## Evaluate and visualize
-
-- [EO Browser](https://sentinelshare.page.link/HNQV)
-- [Copernicus Browser](https://sentinelshare.page.link/h2as)
-
 ## Description
 
 This script returns a color visualization of a digital elevation model, assigning continuous colors to the elevation borders. 

analysis_ready_planetscope/true_color/README.md

@@ -1,11 +1,10 @@
 //VERSION=3
 // To set custom max and min values, set
-// defaultVis to false and choose your max and
-// min values. The color map will then be scaled
+// choose your max and min values. 
+// The color map will then be scaled
 // to those max and min values
-const defaultVis = true
 const max = 9000
-const min = -9000
+const min = -12000
 
 function setup() {
     return {
@@ -18,14 +17,6 @@ function setup() {
     };
 }
 
-function updateMap(max, min) {
-    const numIntervals = map.length
-    const intervalLength = (max - min) / (numIntervals - 1);
-    for (let i = 0; i < numIntervals; i++) {
-        map[i][0] = max - intervalLength * i
-    }
-}
-
 const map = [
     [9000, 0xffffff],
     [7000, 0xdcefff],
@@ -51,8 +42,7 @@ const map = [
     [-12000, 0x000028],
 ];
 
-if (!defaultVis) updateMap(max, min);
-const visualizer = new ColorRampVisualizer(map);
+const visualizer = new ColorRampVisualizer(map, min, max);
 
 function evaluatePixel(sample) {
     let val = sample.DEM;

dem/dem-color/README.md

@@ -1,11 +1,10 @@
 //VERSION=3
 // To set custom max and min values, set
-// defaultVis to false and choose your max and
-// min values. The color map will then be scaled
+// choose your max and min values. 
+// The color map will then be scaled
 // to those max and min values
-const defaultVis = true
 const max = 9000
-const min = -9000
+const min = -12000
 
 function setup() {
     return {
@@ -14,14 +13,6 @@ function setup() {
     };
 }
 
-function updateMap(max, min) {
-    const numIntervals = map.length
-    const intervalLength = (max - min) / (numIntervals - 1);
-    for (let i = 0; i < numIntervals; i++) {
-        map[i][0] = max - intervalLength * i
-    }
-}
-
 const map = [
     [9000, 0xffffff],
     [7000, 0xdcefff],
@@ -47,8 +38,7 @@ const map = [
     [-12000, 0x000028],
 ];
 
-if (!defaultVis) updateMap(max, min);
-const visualizer = new ColorRampVisualizer(map);
+const visualizer = new ColorRampVisualizer(map, min, max);
 
 function evaluatePixel(sample) {
     let val = sample.DEM;

dem/dem-color/eob.js

@@ -4,6 +4,17 @@ parent: DEM
 layout: script
 permalink: /dem/dem-difference/
 nav_exclude: true
+examples:
+- zoom: '12'
+  lat: '42.40876'
+  lng: '12.00634'
+  datasetId: DEM_MAPZEN
+  fromTime: '2023-10-02T00:00:00.000Z'
+  toTime: '2023-10-02T23:59:59.999Z'
+  platform:
+  - CDSE
+  - EOB
+  evalscripturl: https://custom-scripts.sentinel-hub.com/dem/dem-difference/script.js
 ---
 
 

dem/dem-color/script.js

@@ -1,22 +1,20 @@
 // Mapzen and Copernicus DEM difference Visualization
 //VERSON = 3
 function setup() {
-    return {
-      input: [
-          {datasource: "map", bands:["DEM"]},
-          {datasource: "cop", bands:["DEM"]}
-          ],
-      output: [
-        {id: "default", bands: 3, sampleType: "UINT8"}
-      ]
-    };
-  }
-  
-  function evaluatePixel(samples) {
-    var map = samples.map[0];
-    var cop = samples.cop[0];
-    let d_dem = map.DEM - cop.DEM;
-    const ramps = [
+  return {
+    input: [
+      { datasource: "map", bands: ["DEM"] },
+      { datasource: "cop", bands: ["DEM"] },
+    ],
+    output: [{ id: "default", bands: 3, sampleType: "UINT8" }],
+  };
+}
+
+function evaluatePixel(samples) {
+  var map = samples.map[0];
+  var cop = samples.cop[0];
+  let d_dem = map.DEM - cop.DEM;
+  const ramps = [
     [-300, [202, 0, 32]],
     [-100, [244, 128, 85]],
     [-40, [255, 160, 125]],
@@ -26,11 +24,11 @@ function setup() {
     [10, [196, 209, 255]],
     [40, [155, 127, 255]],
     [100, [73, 98, 222]],
-    [300, [8, 0, 176]]
-    ];
-    const visualizer = new ColorRampVisualizer(ramps);
-    vis_dem = visualizer.process(d_dem);
-    return {
-      default: vis_dem
-    };
-  }
+    [300, [8, 0, 176]],
+  ];
+  const visualizer = new ColorRampVisualizer(ramps);
+  vis_dem = visualizer.process(d_dem);
+  return {
+    default: vis_dem,
+  };
+}

dem/dem-difference/README.md

@@ -4,14 +4,24 @@ parent: DEM
 layout: script
 permalink: /dem/dem-grayscale/
 nav_exclude: true
+scripts:
+- - Visualization
+  - script.js
+- - EO Browser
+  - eob.js
+examples:
+- zoom: '10'
+  lat: '42.40876'
+  lng: '12.00634'
+  datasetId: DEM_MAPZEN
+  fromTime: '2023-10-02T00:00:00.000Z'
+  toTime: '2023-10-02T23:59:59.999Z'
+  platform:
+  - CDSE
+  - EOB
+  evalscripturl: https://custom-scripts.sentinel-hub.com/dem/dem-grayscale/eob.js
 ---
 
-
-## Evaluate and visualize
-
-- [EO Browser](https://sentinelshare.page.link/2dbx)
-- [Copernicus Browser](https://sentinelshare.page.link/3nLx)
-
 ## Description
 
 This script returns a grayscale visualization of a digital elevation model, assigning continuous colors to the elevation borders. 

dem/dem-difference/script.js

@@ -1,11 +1,10 @@
 //VERSION=3
 // To set custom max and min values, set
-// defaultVis to false and choose your max and
-// min values. The color map will then be scaled
+// choose your max and min values. 
+// The color map will then be scaled
 // to those max and min values
-const defaultVis = true
 const max = 9000
-const min = -9000
+const min = -12000
 
 function setup() {
     return {
@@ -18,14 +17,6 @@ function setup() {
     };
 }
 
-function updateMap(max, min) {
-    const numIntervals = map.length
-    const intervalLength = (max - min) / (numIntervals - 1);
-    for (let i = 0; i < numIntervals; i++) {
-        map[i][0] = max - intervalLength * i
-    }
-}
-
 const map = [
     [9000, 0xffffff],
     [7000, 0xf9f9f9],
@@ -51,8 +42,7 @@ const map = [
     [-12000, 0x000000],
 ];
 
-if (!defaultVis) updateMap(max, min);
-const visualizer = new ColorRampVisualizer(map);
+const visualizer = new ColorRampVisualizer(map, min, max);
 
 function evaluatePixel(sample) {
     let val = sample.DEM;