Layer colors with clear boundaries
-
Hi, I'm, trying to achieve clear boundaries between colours on some layers (like temperature) in Windy, similar to Meteoblue maps.
Is there a way to get that, instead of smoothing?
I have already set a separate colour per every reading, but they are still smoothed and differences between them are hard to notice.
This is what I have:
This I what i strive to get:
My color map is this:
[[243,[125,251,253,255]],
[245,[118,231,239,255]],
[247,[111,212,223,255]],
[249,[105,193,210,255]],
[251,[99,175,196,255]],
[253,[95,156,182,255]],
[257,[92,138,169,255]],
[258,[90,121,156,255]],
[259,[89,103,142,255]],
[260,[88,85,128,255]],
[261,[101,76,121,255]],
[262,[112,63,131,255]],
[263,[138,66,155,255]],
[264,[167,69,179,255]],
[265,[184,87,198,255]],
[266,[175,66,224,255]],
[267,[148,62,222,255]],
[268,[115,58,215,255]],
[269,[71,61,208,255]],
[270,[77,92,214,255]],
[271,[91,126,224,255]],
[272,[109,160,234,255]],
[273,[126,190,242,255]],
[274,[139,210,246,255]],
[275,[169,227,245,255]],
[276,[190,235,246,255]],
[277,[119,238,158,255]],
[278,[114,229,128,255]],
[279,[105,207,119,255]],
[280,[104,194,151,255]],
[281,[98,146,125,255]],
[282,[77,139,89,255]],
[283,[117,175,95,255]],
[284,[162,214,106,255]],
[285,[207,252,116,255]],
[286,[228,247,186,255]],
[287,[254,248,95,255]],
[288,[245,230,95,255]],
[289,[247,214,92,255]],
[290,[242,190,84,255]],
[291,[242,190,84,255]],
[292,[236,167,76,255]],
[293,[238,138,72,255]],
[294,[237,130,70,255]],
[295,[235,121,69,255]],
[296,[235,94,66,255]],
[297,[234,73,63,255]],
[298,[229,80,63,255]],
[299,[225,86,63,255]],
[300,[225,85,96,255]],
[301,[225,84,128,255]],
[302,[225,84,165,255]],
[303,[225,84,199,255]],
[304,[214,80,179,255]],
[305,[203,76,158,255]],
[306,[192,72,140,255]],
[307,[179,69,119,255]],
[308,[168,65,98,255]],
[309,[157,62,78,255]],
[310,[139,65,60,255]],
[311,[124,68,41,255]],
[312,[126,95,81,255]],
[313,[107,84,74,255]],
[314,[87,72,65,255]],
[315,[145,119,119,255]],
[316,[145,119,119,255]],
[317,[145,119,119,255]],
[318,[145,119,119,255]],
[319,[145,119,119,255]],
[320,[145,119,119,255]]] -
See how you can do it at bottom of this post
And you need to reduce the number of colors. You have definitely too much colors. One color per degree does not allow to get a non-smoothed scale. Meteoblue has 25 colors, but 15 is better.
-
@idefix37 Thank you. So I just made two rows for each couple temp range of two degrees with identical colors.
I did that, but there is a wierd bug, showing black lines as isolines, with variable width. Do you know how would I be able to fix that?
-
@enterfornone
Could you show the code.
Try to replace
30->29.9
30->30
32->31.9
32->32
34->33.9
34->34
…
To make a very small smoothed transition.
I remember seeing a similar case. -
@idefix37 Thanks! That did it. Here is the code for the Meteoblue colors, if someone likes them:
[[231,[125,251,253,255]],
[233,[105,193,210,255]],
[234.9,[105,193,210,255]],
[235,[90,121,156,255]],
[236.9,[90,121,156,255]],
[237,[89,103,142,255]],
[238.9,[89,103,142,255]],
[239,[88,85,128,255]],
[240.9,[88,85,128,255]],
[241,[89,60,110,255]],
[242.9,[89,60,110,255]],
[243,[112,63,131,255]],
[244.9,[112,63,131,255]],
[245,[135,76,152,255]],
[246.9,[135,76,152,255]],
[247,[167,69,179,255]],
[248.9,[167,69,179,255]],
[249,[199,73,220,255]],
[250.9,[199,73,220,255]],
[251,[176,66,225,255]],
[252.9,[176,66,225,255]],
[253,[149,62,223,255]],
[254.9,[149,62,223,255]],
[255,[116,58,216,255]],
[256.9,[116,58,216,255]],
[257,[71,61,209,255]],
[258.9,[71,61,209,255]],
[259,[77,92,215,255]],
[260.9,[77,92,215,255]],
[261,[91,127,225,255]],
[262.9,[91,127,225,255]],
[263,[110,161,235,255]],
[264.9,[110,161,235,255]],
[265,[127,191,243,255]],
[266.9,[127,191,243,255]],
[267,[140,211,247,255]],
[268.9,[140,211,247,255]],
[269,[170,228,246,255]],
[270.9,[170,228,246,255]],
[271,[191,236,247,255]],
[272.9,[191,236,247,255]],
[273,[119,238,158,255]],
[274.9,[119,238,158,255]],
[275,[115,230,129,255]],
[276.9,[115,230,129,255]],
[277,[106,208,120,255]],
[278.9,[106,208,120,255]],
[279,[105,195,152,255]],
[280.9,[105,195,152,255]],
[281,[99,147,126,255]],
[282.9,[99,147,126,255]],
[285,[77,140,89,255]],
[284.9,[77,140,89,255]],
[285,[119,178,97,255]],
[286.9,[119,178,97,255]],
[287,[163,215,107,255]],
[288.9,[163,215,107,255]],
[289,[208,253,117,255]],
[290.9,[208,253,117,255]],
[291,[229,248,187,255]],
[292.9,[229,248,187,255]],
[293,[254,248,95,255]],
[294.9,[254,248,95,255]],
[295,[245,230,95,255]],
[296.9,[245,230,95,255]],
[297,[247,214,92,255]],
[298.9,[247,214,92,255]],
[299,[243,191,84,255]],
[300.9,[243,191,84,255]],
[301,[237,168,76,255]],
[302.9,[237,168,76,255]],
[303,[239,139,72,255]],
[304.9,[239,139,72,255]],
[305,[236,122,69,255]],
[306.9,[236,122,69,255]],
[307,[235,73,63,255]],
[308.9,[235,73,63,255]],
[309,[226,86,63,255]],
[310.9,[226,86,63,255]],
[311,[226,84,129,255]],
[312.9,[226,84,129,255]],
[313,[226,84,200,255]],
[314.9,[226,84,200,255]],
[315,[204,76,159,255]],
[316.9,[204,76,159,255]],
[317,[180,69,120,255]],
[318.9,[180,69,120,255]],
[319,[157,62,78,255]],
[320.9,[157,62,78,255]],
[321,[125,91,44,255]],
[322.9,[125,91,44,255]]] -
@enterfornone
And what do you get as Temperature map? At low zoom level -
I also did similar for the humidity map.
-
@enterfornone
Good job keep it up. -
@idefix37 Humidity layer - default with isolines:
[[0,[173,85,56,255]],
[29.9,[173,85,56,255]],
[30,[173,110,56,255]],
[39.9,[173,110,56,255]],
[40,[173,146,56,255]],
[49.9,[173,146,56,255]],
[50,[105,173,56,255]],
[59.9,[105,173,56,255]],
[60,[56,173,121,255]],
[69.9,[56,173,121,255]],
[70,[56,174,173,255]],
[74.9,[56,174,173,255]],
[75,[56,160,173,255]],
[79.9,[56,160,173,255]],
[80,[56,157,173,255]],
[82.9,[56,157,173,255]],
[83,[56,148,173,255]],
[86.9,[56,148,173,255]],
[87,[56,135,173,255]],
[89.9,[56,135,173,255]],
[90,[56,132,173,255]],
[92.9,[56,132,173,255]],
[93,[56,123,173,255]],
[96.9,[56,123,173,255]],
[97,[56,98,157,255]],
[98.9,[56,98,157,255]],
[99,[56,70,114,255]],
[100,[56,70,114,255]]]
-
@enterfornone
Isolines ? I don’t see them. Or do you mean the boundary between the different color ranges?
Why don’t you show your new Temperature layer ? -
@idefix37 Yes, that's what I mean by isolines. My temp layer is in the post above.
-
@enterfornone
OK thank you. I thought it was your Humidity map.
I see you kept a very wide step between 0% and 30% as it is in the original color scale in Windy.
I changed it to get more details between 0% and 50% and just kept a small smoothed transition between colors explained by this post
