Change color gamut project 2 aufgabe 3

This commit is contained in:
Marcel Schwarz 2020-11-22 14:27:51 +01:00
parent 181033cade
commit d49cc6db97

View File

@ -32,28 +32,26 @@ const aufgabe3 = async () => {
return [].concat(...apiData) return [].concat(...apiData)
} }
const levels = [0, 50, 80, 85, 90, 95, 99, 100] const levels = [0, 50.0, 80.0, 85.0, 90.0, 95.0, 99.0, 99.9]
const getColor = percentage => { const getColor = percentage => {
switch (true) { switch (true) {
case percentage > levels[7]: case percentage > levels[7]:
return '#800026' return '#00FF00'
case percentage > levels[6]: case percentage > levels[6]:
return '#BD0026' return '#33CC00'
case percentage > levels[5]: case percentage > levels[5]:
return '#E31A1C' return '#4DB300'
case percentage > levels[4]: case percentage > levels[4]:
return '#FC4E2A' return '#808000'
case percentage > levels[3]: case percentage > levels[3]:
return '#FD8D3C' return '#996600'
case percentage > levels[2]: case percentage > levels[2]:
return '#FEB24C' return '#B34D00'
case percentage > levels[1]: case percentage > levels[1]:
return '#FED976' return '#CC3300'
case percentage > levels[0]: case percentage > levels[0]:
return '#FFEDA0' return '#FF0000'
default:
return '#ffdea1'
} }
} }
@ -85,7 +83,7 @@ const aufgabe3 = async () => {
for (let i = 0; i < levels.length; i++) { for (let i = 0; i < levels.length; i++) {
labels.push( labels.push(
'<i style="background:' + getColor(levels[i] + 1) + '"></i> ' '<i style="background:' + getColor(levels[i] + 0.1) + '"></i> '
+ levels[i] + (levels[i + 1] ? '&ndash;' + levels[i + 1] : '+') + levels[i] + (levels[i + 1] ? '&ndash;' + levels[i + 1] : '+')
) )
} }
@ -166,7 +164,6 @@ const aufgabe3 = async () => {
} }
L.control.layers(layers, null).addTo(map) L.control.layers(layers, null).addTo(map)
} }
aufgabe3() aufgabe3()