Skip to content

Commit 71fd64f

Browse files
jonasViehwegerjonasViehweger
authored
Adds the ability to define custom color min/max for DEM (#280)
1 parent aa0646e commit 71fd64f

File tree

12 files changed

+510
-109
lines changed

12 files changed

+510
-109
lines changed

‎dem/dem-color/README.md

+5-2
Original file line numberDiff line numberDiff line change
@@ -9,11 +9,14 @@ nav_exclude: true
99

1010
## Evaluate and visualize
1111

12-
- [Sentinel Playground](https://apps.sentinel-hub.com/sentinel-playground/?source=DEM&lat=45.79050946752472&lng=14.78759765625&zoom=6&preset=CUSTOM&layers=DEM,DEM,DEM&maxcc=20&gain=1.0&gamma=1.0&time=2019-05-01%7C2019-11-21&atmFilter=&showDates=false&evalscript=Ly9WRVJTSU9OPTMKcmV0dXJuIGNvbG9yQmxlbmQoREVNLCBbLTEyMDAwLC05MDAwLC02MDAwLC0xMDAwLC01MDAsLTIwMCwtNTAsLTIwLC0xMCwwLDEwLDMwLDUwLDIwMCwzMDAsNDAwLDUwMCwxMDAwLDMwMDAsNTAwMCw3MDAwLDkwMDBdLApbWzAuMDAwLCAwLjAwMCwgMC4xNTddLApbMC4xMTgsIDAuMDAwLCAwLjM1M10sClswLjExOCwgMC4xMTgsIDAuNDcxXSwKWzAuMTU3LCAwLjE5NiwgMC43MDZdLApbMC4yMzUsIDAuMjM1LCAwLjkwMl0sClswLjIzNSwgMC4zMTQsIDAuOTYxXSwKWzAuMzUzLCAwLjMzMywgMC45ODBdLApbMC40NzEsIDAuNDcxLCAwLjkyMl0sClswLjYyNywgMC42MjcsIDEuMDAwXSwKWzAuNzg0LCAwLjc4NCwgMC43ODRdLApbMC4zOTIsIDAuMjIwLCAwLjIzNV0sClswLjQ3MSwgMC4xODAsIDAuMTU3XSwKWzAuNTQ5LCAwLjI5OCwgMC4xNTddLApbMC42NjcsIDAuMzc2LCAwLjAwMF0sClswLjQ3MSwgMC4yMjAsIDAuMzUzXSwKWzAuODI0LCAwLjU3MywgMC43MDZdLApbMC41NDksIDAuNDMxLCAwLjAwMF0sClswLjQ3MSwgMC41NDksIDAuNzA2XSwKWzAuNjI3LCAwLjY2NywgMC45NDFdLApbMC43NDUsIDAuNzg0LCAwLjk4MF0sClswLjg2MywgMC45NDEsIDEuMDAwXSwKWzEuMDAwLCAxLjAwMCwgMS4wMDBdXSk%3D)
12+
- [EO Browser](https://sentinelshare.page.link/HNQV)
13+
- [Copernicus Browser](https://sentinelshare.page.link/h2as)
1314

1415
## Description
1516

16-
This script returns a color visualization of digital elevation model, using a colorBlend function, assigning continuous natural terrain colors to the elevation borders.
17+
This script returns a color visualization of a digital elevation model, assigning continuous colors to the elevation borders.
18+
19+
It is possible to set custom min and max values in the evalscript by setting `defaultVis` to `false` and setting the min and max variables to the desired values.
1720

1821
![dem color](fig/fig1.png)
1922

‎dem/dem-color/eob.js

+67
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,67 @@
1+
//VERSION=3
2+
// To set custom max and min values, set
3+
// defaultVis to false and choose your max and
4+
// min values. The color map will then be scaled
5+
// to those max and min values
6+
const defaultVis = true
7+
const max = 9000
8+
const min = -9000
9+
10+
function setup() {
11+
return {
12+
input: ["DEM", "dataMask"],
13+
output: [
14+
{ id: "default", bands: 4, sampleTYPE: 'AUTO' },
15+
{ id: "index", bands: 1, sampleType: 'FLOAT32' },
16+
{ id: "dataMask", bands: 1 }
17+
]
18+
};
19+
}
20+
21+
function updateMap(max, min) {
22+
const numIntervals = map.length
23+
const intervalLength = (max - min) / (numIntervals - 1);
24+
for (let i = 0; i < numIntervals; i++) {
25+
map[i][0] = max - intervalLength * i
26+
}
27+
}
28+
29+
const map = [
30+
[9000, 0xffffff],
31+
[7000, 0xdcefff],
32+
[5000, 0xbdc7f9],
33+
[3000, 0x9faaef],
34+
[1000, 0x788bb4],
35+
[500, 0x8b6d00],
36+
[400, 0xd292b4],
37+
[300, 0x78385a],
38+
[200, 0xaa5f00],
39+
[50, 0x8b4b28],
40+
[30, 0x782d28],
41+
[10, 0x63383b],
42+
[0, 0xc7c7c7],
43+
[-10, 0x9f9fff],
44+
[-20, 0x7878eb],
45+
[-50, 0x5a54f9],
46+
[-200, 0x3b50f5],
47+
[-500, 0x3b3be6],
48+
[-1000, 0x2831b4],
49+
[-6000, 0x1e1e78],
50+
[-9000, 0x1e005a],
51+
[-12000, 0x000028],
52+
];
53+
54+
if (!defaultVis) updateMap(max, min);
55+
const visualizer = new ColorRampVisualizer(map);
56+
57+
function evaluatePixel(sample) {
58+
let val = sample.DEM;
59+
let imgVals = visualizer.process(val)
60+
61+
// Return the 4 inputs and define content for each one
62+
return {
63+
default: [...imgVals, sample.dataMask],
64+
index: [val],
65+
dataMask: [sample.dataMask]
66+
};
67+
}

‎dem/dem-color/script.js

+58-24
Original file line numberDiff line numberDiff line change
@@ -1,25 +1,59 @@
1-
// DEM Color Visualization
21
//VERSION=3
3-
return colorBlend(DEM, [-12000,-9000,-6000,-1000,-500,-200,-50,-20,-10,0,10,30,50,200,300,400,500,1000,3000,5000,7000,9000],
4-
[[0.000, 0.000, 0.157],
5-
[0.118, 0.000, 0.353],
6-
[0.118, 0.118, 0.471],
7-
[0.157, 0.196, 0.706],
8-
[0.235, 0.235, 0.902],
9-
[0.235, 0.314, 0.961],
10-
[0.353, 0.333, 0.980],
11-
[0.471, 0.471, 0.922],
12-
[0.627, 0.627, 1.000],
13-
[0.784, 0.784, 0.784],
14-
[0.392, 0.220, 0.235],
15-
[0.471, 0.180, 0.157],
16-
[0.549, 0.298, 0.157],
17-
[0.667, 0.376, 0.000],
18-
[0.471, 0.220, 0.353],
19-
[0.824, 0.573, 0.706],
20-
[0.549, 0.431, 0.000],
21-
[0.471, 0.549, 0.706],
22-
[0.627, 0.667, 0.941],
23-
[0.745, 0.784, 0.980],
24-
[0.863, 0.941, 1.000],
25-
[1.000, 1.000, 1.000]])
2+
// To set custom max and min values, set
3+
// defaultVis to false and choose your max and
4+
// min values. The color map will then be scaled
5+
// to those max and min values
6+
const defaultVis = true
7+
const max = 9000
8+
const min = -9000
9+
10+
function setup() {
11+
return {
12+
input: ["DEM", "dataMask"],
13+
output: { bands: 4, sampleTYPE: "AUTO" },
14+
};
15+
}
16+
17+
function updateMap(max, min) {
18+
const numIntervals = map.length
19+
const intervalLength = (max - min) / (numIntervals - 1);
20+
for (let i = 0; i < numIntervals; i++) {
21+
map[i][0] = max - intervalLength * i
22+
}
23+
}
24+
25+
const map = [
26+
[9000, 0xffffff],
27+
[7000, 0xdcefff],
28+
[5000, 0xbdc7f9],
29+
[3000, 0x9faaef],
30+
[1000, 0x788bb4],
31+
[500, 0x8b6d00],
32+
[400, 0xd292b4],
33+
[300, 0x78385a],
34+
[200, 0xaa5f00],
35+
[50, 0x8b4b28],
36+
[30, 0x782d28],
37+
[10, 0x63383b],
38+
[0, 0xc7c7c7],
39+
[-10, 0x9f9fff],
40+
[-20, 0x7878eb],
41+
[-50, 0x5a54f9],
42+
[-200, 0x3b50f5],
43+
[-500, 0x3b3be6],
44+
[-1000, 0x2831b4],
45+
[-6000, 0x1e1e78],
46+
[-9000, 0x1e005a],
47+
[-12000, 0x000028],
48+
];
49+
50+
if (!defaultVis) updateMap(max, min);
51+
const visualizer = new ColorRampVisualizer(map);
52+
53+
function evaluatePixel(sample) {
54+
let val = sample.DEM;
55+
let imgVals = visualizer.process(val)
56+
57+
// Return the 4 inputs and define content for each one
58+
return [...imgVals, sample.dataMask]
59+
}

‎dem/dem-grayscale/README.md

+5-2
Original file line numberDiff line numberDiff line change
@@ -9,11 +9,14 @@ nav_exclude: true
99

1010
## Evaluate and visualize
1111

12-
- [Sentinel Playground](https://apps.sentinel-hub.com/sentinel-playground/?source=DEM&lat=45.79050946752472&lng=14.78759765625&zoom=6&preset=CUSTOM&layers=DEM,DEM,DEM&maxcc=20&gain=1.0&gamma=1.0&time=2019-05-01%7C2019-11-21&atmFilter=&showDates=false&evalscript=Ly9WRVJTSU9OPTMKcmV0dXJuIGNvbG9yQmxlbmQoREVNLCBbLTEyMDAwLC05MDAwLC01MDAwLC0xMDAwLC01MDAsLTIwMCwtNTAsLTIwLC0xMCwwLDEwLDMwLDUwLDIwMCwzMDAsNDAwLDUwMCwxMDAwLDMwMDAsNTAwMCw3MDAwLDkwMDBdLCBbClswLjAwMCwgMC4wMDAsIDAuMDAwXSwKWzAuMDk4LCAwLjA5OCwgMC4wOThdLApbMC4yMTYsIDAuMjE2LCAwLjIxNl0sClswLjI0MywgMC4yNDMsIDAuMjQzXSwKWzAuMjc1LCAwLjI3NSwgMC4yNzVdLApbMC4yOTQsIDAuMjk0LCAwLjI5NF0sClswLjMxNCwgMC4zMTQsIDAuMzE0XSwKWzAuMzMzLCAwLjMzMywgMC4zMzNdLApbMC4zNTMsIDAuMzUzLCAwLjM1M10sClswLjM5MiwgMC4zOTIsIDAuMzkyXSwKWzAuNDMxLCAwLjQzMSwgMC40MzFdLApbMC41MTAsIDAuNTEwLCAwLjUxMF0sClswLjU0OSwgMC41NDksIDAuNTQ5XSwKWzAuNjI3LCAwLjYyNywgMC42MjddLApbMC43MDYsIDAuNzA2LCAwLjcwNl0sClswLjc4NCwgMC43ODQsIDAuNzg0XSwKWzAuODQzLCAwLjg0MywgMC44NDNdLApbMC44ODIsIDAuODgyLCAwLjg4Ml0sClswLjkyMiwgMC45MjIsIDAuOTIyXSwKWzAuOTYxLCAwLjk2MSwgMC45NjFdLApbMC45ODAsIDAuOTgwLCAwLjk4MF0sClsxLjAwMCwgMS4wMDAsIDEuMDAwXV0p)
12+
- [EO Browser](https://sentinelshare.page.link/2dbx)
13+
- [Copernicus Browser](https://sentinelshare.page.link/3nLx)
1314

1415
## Description
1516

16-
This script returns a grayscale visualization of digital elevation model, using a colorBlend function, assigning continuous colors to the elevation borders.
17+
This script returns a grayscale visualization of a digital elevation model, assigning continuous colors to the elevation borders.
18+
19+
It is possible to set custom min and max values in the evalscript by setting `defaultVis` to `false` and setting the min and max variables to the desired values.
1720

1821
![dem color](fig/fig1.png)
1922

‎dem/dem-grayscale/eob.js

+67
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,67 @@
1+
//VERSION=3
2+
// To set custom max and min values, set
3+
// defaultVis to false and choose your max and
4+
// min values. The color map will then be scaled
5+
// to those max and min values
6+
const defaultVis = true
7+
const max = 9000
8+
const min = -9000
9+
10+
function setup() {
11+
return {
12+
input: ["DEM", "dataMask"],
13+
output: [
14+
{ id: "default", bands: 4, sampleTYPE: 'AUTO' },
15+
{ id: "index", bands: 1, sampleType: 'FLOAT32' },
16+
{ id: "dataMask", bands: 1 }
17+
]
18+
};
19+
}
20+
21+
function updateMap(max, min) {
22+
const numIntervals = map.length
23+
const intervalLength = (max - min) / (numIntervals - 1);
24+
for (let i = 0; i < numIntervals; i++) {
25+
map[i][0] = max - intervalLength * i
26+
}
27+
}
28+
29+
const map = [
30+
[9000, 0xffffff],
31+
[7000, 0xf9f9f9],
32+
[5000, 0xf5f5f5],
33+
[3000, 0xebebeb],
34+
[1000, 0xe0e0e0],
35+
[500, 0xd6d6d6],
36+
[400, 0xc7c7c7],
37+
[300, 0xb4b4b4],
38+
[200, 0x9f9f9f],
39+
[50, 0x8b8b8b],
40+
[30, 0x828282],
41+
[10, 0x6d6d6d],
42+
[0, 0x636363],
43+
[-10, 0x5a5a5a],
44+
[-20, 0x545454],
45+
[-50, 0x505050],
46+
[-200, 0x4a4a4a],
47+
[-500, 0x464646],
48+
[-1000, 0x3d3d3d],
49+
[-5000, 0x373737],
50+
[-9000, 0x181818],
51+
[-12000, 0x000000],
52+
];
53+
54+
if (!defaultVis) updateMap(max, min);
55+
const visualizer = new ColorRampVisualizer(map);
56+
57+
function evaluatePixel(sample) {
58+
let val = sample.DEM;
59+
let imgVals = visualizer.process(val)
60+
61+
// Return the 4 inputs and define content for each one
62+
return {
63+
default: [...imgVals, sample.dataMask],
64+
index: [val],
65+
dataMask: [sample.dataMask]
66+
};
67+
}

‎dem/dem-grayscale/script.js

+58-24
Original file line numberDiff line numberDiff line change
@@ -1,25 +1,59 @@
1-
//DEM grayscale
21
//VERSION=3
3-
return colorBlend(DEM, [-12000,-9000,-5000,-1000,-500,-200,-50,-20,-10,0,10,30,50,200,300,400,500,1000,3000,5000,7000,9000], [
4-
[0.000, 0.000, 0.000],
5-
[0.098, 0.098, 0.098],
6-
[0.216, 0.216, 0.216],
7-
[0.243, 0.243, 0.243],
8-
[0.275, 0.275, 0.275],
9-
[0.294, 0.294, 0.294],
10-
[0.314, 0.314, 0.314],
11-
[0.333, 0.333, 0.333],
12-
[0.353, 0.353, 0.353],
13-
[0.392, 0.392, 0.392],
14-
[0.431, 0.431, 0.431],
15-
[0.510, 0.510, 0.510],
16-
[0.549, 0.549, 0.549],
17-
[0.627, 0.627, 0.627],
18-
[0.706, 0.706, 0.706],
19-
[0.784, 0.784, 0.784],
20-
[0.843, 0.843, 0.843],
21-
[0.882, 0.882, 0.882],
22-
[0.922, 0.922, 0.922],
23-
[0.961, 0.961, 0.961],
24-
[0.980, 0.980, 0.980],
25-
[1.000, 1.000, 1.000]])
2+
// To set custom max and min values, set
3+
// defaultVis to false and choose your max and
4+
// min values. The color map will then be scaled
5+
// to those max and min values
6+
const defaultVis = true
7+
const max = 9000
8+
const min = -9000
9+
10+
function setup() {
11+
return {
12+
input: ["DEM", "dataMask"],
13+
output: { bands: 4, sampleTYPE: "AUTO" },
14+
};
15+
}
16+
17+
function updateMap(max, min) {
18+
const numIntervals = map.length
19+
const intervalLength = (max - min) / (numIntervals - 1);
20+
for (let i = 0; i < numIntervals; i++) {
21+
map[i][0] = max - intervalLength * i
22+
}
23+
}
24+
25+
const map = [
26+
[9000, 0xffffff],
27+
[7000, 0xf9f9f9],
28+
[5000, 0xf5f5f5],
29+
[3000, 0xebebeb],
30+
[1000, 0xe0e0e0],
31+
[500, 0xd6d6d6],
32+
[400, 0xc7c7c7],
33+
[300, 0xb4b4b4],
34+
[200, 0x9f9f9f],
35+
[50, 0x8b8b8b],
36+
[30, 0x828282],
37+
[10, 0x6d6d6d],
38+
[0, 0x636363],
39+
[-10, 0x5a5a5a],
40+
[-20, 0x545454],
41+
[-50, 0x505050],
42+
[-200, 0x4a4a4a],
43+
[-500, 0x464646],
44+
[-1000, 0x3d3d3d],
45+
[-5000, 0x373737],
46+
[-9000, 0x181818],
47+
[-12000, 0x000000],
48+
];
49+
50+
if (!defaultVis) updateMap(max, min);
51+
const visualizer = new ColorRampVisualizer(map);
52+
53+
function evaluatePixel(sample) {
54+
let val = sample.DEM;
55+
let imgVals = visualizer.process(val)
56+
57+
// Return the 4 inputs and define content for each one
58+
return [...imgVals, sample.dataMask]
59+
}

‎dem/dem-sepia/README.md

+5-2
Original file line numberDiff line numberDiff line change
@@ -9,11 +9,14 @@ nav_exclude: true
99

1010
## Evaluate and visualize
1111

12-
- [Sentinel Playground](https://apps.sentinel-hub.com/sentinel-playground/?source=DEM&lat=45.79050946752472&lng=14.78759765625&zoom=6&preset=CUSTOM&layers=DEM,DEM,DEM&maxcc=20&gain=1.0&gamma=1.0&time=2019-05-01%7C2019-11-21&atmFilter=&showDates=false&evalscript=Ly9WRVJTSU9OPTMKcmV0dXJuIGNvbG9yQmxlbmQoREVNLCBbLTEyMDAwLC05MDAwLC01MDAwLC0xMDAwLC01MDAsLTIwMCwtNTAsLTIwLC0xMCwwLDEwLDMwLDUwLDIwMCwzMDAsNDAwLDUwMCwxMDAwLDMwMDAsNTAwMCw3MDAwLDkwMDBdLCBbClswLjAwMCwgMC4wMDAsIDAuMDAwXSwKWzAuMDIwLCAwLjAwOCwgMC4wMDBdLApbMC4wNTksIDAuMDMxLCAwLjAwOF0sClswLjA5OCwgMC4wNTUsIDAuMDE2XSwKWzAuMTM3LCAwLjA3OCwgMC4wMjRdLApbMC4xNzYsIDAuMTAyLCAwLjAzMV0sClswLjIzNSwgMC4xMzcsIDAuMDM5XSwKWzAuMzE0LCAwLjE4NCwgMC4wNTVdLApbMC4zNTMsIDAuMjA4LCAwLjA2M10sClswLjM5MiwgMC4yMjcsIDAuMDY3XSwKWzAuNDMxLCAwLjI1MSwgMC4wNzVdLApbMC41MTAsIDAuMjk4LCAwLjA5MF0sClswLjU0OSwgMC4zMjIsIDAuMDk4XSwKWzAuNjI3LCAwLjM2OSwgMC4xMTBdLApbMC43MDYsIDAuNDE2LCAwLjEyNV0sClswLjc4NCwgMC40NTksIDAuMTM3XSwKWzAuODQzLCAwLjQ5NCwgMC4xNDldLApbMC44ODIsIDAuNTE4LCAwLjE1N10sClswLjkyMiwgMC41NDEsIDAuMTYxXSwKWzAuOTYxLCAwLjU2NSwgMC4xNjldLApbMC45ODAsIDAuNTc2LCAwLjE3M10sClsxLjAwMCwgMC41ODgsIDAuMTc2XV0p)
12+
- [EO Browser](https://sentinelshare.page.link/KXde)
13+
- [Copernicus Browser](https://sentinelshare.page.link/rh5v)
1314

1415
## Description
1516

16-
This script returns a sepia visualization of digital elevation model, using a colorBlend function, assigning continuous colors to the elevation borders.
17+
This script returns a sepia visualization of a digital elevation model, assigning continuous colors to the elevation borders.
18+
19+
It is possible to set custom min and max values in the evalscript by setting `defaultVis` to `false` and setting the min and max variables to the desired values.
1720

1821
![dem color](fig/fig1.png)
1922

0 commit comments

Comments
 (0)