Windy Community
    • Unread
    • Categories
    • Groups
    • Go to windy.com
    • Register
    • Login

    Customize the color scales of Windy layers

    General Discussion
    article color colour customize scale
    13
    33
    35.1k
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • idefix37I
      idefix37 Sailor Moderator
      last edited by idefix37

      photo:Windy.com;desc: Custom the color scale on Windy; licence:cc;

      UPDATED June 2024

      Did you know that you can customize Windy colors for almost any layer? What is the point of doing it? You may prefer your own color palette, but also, by this way, you can deal with some specific requirement.

      For example, it may be helpful to visualize a particular level of temperature from which you consider that it may hurt people and your environment. By using a particular color you will be alerted just by looking at the map.

      If you are fan of boating, you may use a color like red - the usual sign of danger - when the wind reaches a certain force. And as everyone does not have the same threshold of danger for outdoor activities, it is better to set the threshold by yourself. In the example below the red color was used from 28 knots of wind, i.e. 7 Beaufort which is an usual warning level for a coastal cruiser boat.

      photo:Windy.com;desc: Beaufort scale on Windy; licence:cc;

      Details are shown here.

      But there are other reasons, such as the case of a Windy user who is green blind. It was better for him to replace this color with another one.

      How to change a layer color scale?

      Go to Settings and choose Customize Color Scale. Select the layer you want to edit.

      You may want to customize the Waves layer. If you are fond of paddling on the seashore or if you are an oceanic sailor, you will not consider the same scale for waves height.

      In Customize color scale, for Waves you get this table:

      76D5A42E-A9A8-4178-8A4C-3158AC9D314E.jpeg

      In the first column, you can change the steps of the scale and/or, in the second column, the colors.

      How to modify the colors

      When you click on a color line you open a small window which allow you to change the hue (1), the density/brightness (2) and the transparency (3).

      3FD463C0-8A0C-4974-9009-64D26F2BA27D.jpeg
      .

      When you are satisfied with your colors, click on Save created color. At any time you can switch back to the Windy default settings by clicking Load defaults

      9FAFE711-B579-4686-A656-6EA16FB76E4E.jpeg

      And for example you can get this type of colors scale for waves:

      B66F3FCE-04B9-4C8F-BF2A-379A3283499E.jpeg

      If you want to obtain directly this color scale just look at this thread in Windy community.

      Non-smoothed color scale

      An unsmoothed color scale can be based on this scheme :

      2713859B-FB35-4912-8BB2-ECD8DC7AF526.jpeg

      Note this scheme is purely theoretical, the steps do not need to be regularly staggered with constant and regular gaps.

      For example a non-smoothed color scale is used in the Icing layer

      79A34EBB-FC75-40D1-BC32-52167CEA8EAF.jpeg

      Miguelito67M 1 Reply Last reply Reply Quote 26
      • Miguelito67M
        Miguelito67 @idefix37
        last edited by

        @idefix37 It's a very nice feature, but why can't we change de "Precipitation Type" layer?

        idefix37I 1 Reply Last reply Reply Quote 1
        • idefix37I
          idefix37 Sailor Moderator @Miguelito67
          last edited by idefix37

          @Miguelito67
          This layer is different from all the others because the colors do not correspond to a continuous numerical variable.
          For example, in the case of Wind, the numerical variable is the wind speed (0, 1, 3, 5, 7, 9.... m/s), which can be modified and to which a color corresponds, which can also be modified, with an automatic blending of colors between each line.
          On the other hand, in the case of the Precipitation type layer, it is Rain, Snow, Wet Snow... (no continuous numerical variable) and there cannot be a mixture of colors between the lines, otherwise it would not be possible to identify the type of precipitation.
          The program and code are probably different. The interface cannot be the same. Windy developers could give a more precise explanation.

          In fact, why do you want to change the colors of this layer?
          BTW have you already customized other layers?

          Miguelito67M 1 Reply Last reply Reply Quote 0
          • Miguelito67M
            Miguelito67 @idefix37
            last edited by Miguelito67

            @idefix37
            Yes I have customized other layers in the past. In Canada we usually use green as rain and blue as snow, so this is why I was interested in customizing this layer. Thanks for your answer.

            In case you are interested, we have these colours in Canada:

            GREEN = rain
            BLUE = snow
            YELLOW = rain-snow
            RED = freezing rain
            MAUVE (PINK-PURPLE) = ice pellets

            idefix37I 1 Reply Last reply Reply Quote 1
            • idefix37I
              idefix37 Sailor Moderator @Miguelito67
              last edited by

              @Miguelito67
              I see. Developers could take into account these colors in future, may be.

              yudha kampanY 1 Reply Last reply Reply Quote 2
              • yudha kampanY
                yudha kampan @idefix37
                last edited by

                @idefix37 yes

                மு. கம்பநேசன்

                1 Reply Last reply Reply Quote 0
                • mmmmmichaelM
                  mmmmmichael Weather Journalists
                  last edited by

                  Wow cool will have to check out!

                  1 Reply Last reply Reply Quote 0
                  • T
                    Tieske
                    last edited by Tieske

                    Why can't the colours in the widgets?
                    I would love it for the many widgets on my own site!
                    Can you add this please, that would be awesome!
                    It looks me not difficult.
                    Thank you in advance, ;)
                    The settings don't save alsoo...

                    Tieske

                    J 1 Reply Last reply Reply Quote 0
                    • ?
                      A Former User
                      last edited by

                      I changed my colours of 40 MPH or higher to help find tropical storms, and know when a High Wind Warning may need to be issued. Red is hurricane, and pink is Major Hurricane for me as well, with a major contrast so I can find them well.

                      T 1 Reply Last reply Reply Quote 0
                      • T
                        Tieske @A Former User
                        last edited by Tieske

                        I love this layers:

                        lopooooo.png.

                        1 Reply Last reply Reply Quote 2
                        • J
                          jamescrane @Tieske
                          last edited by

                          @Tieske said in Customize the color scales of Windy layers:

                          Why can't the colours in the widgets?
                          I would love it for the many widgets on my own website!
                          Can you add this please, that would be awesome!
                          It looks me not difficult.
                          Thank you in advance, ;)
                          The settings don't save alsoo...

                          Tieske

                          I agree with you! These widgets are really great..

                          1 Reply Last reply Reply Quote 0
                          • leo_playcardL
                            leo_playcard
                            last edited by

                            winds.png
                            I've customize this color scale based on wind force and hurricane scales. Red is used for tropical storm/gale force winds, as the winds are dangerous enough to produce certain damages. Light white/purple indicates hurricane force winds (Category 1), and grey is used for major hurricane (Category 3). Dark blue indicates winds for jet stream and other extremely rare winds.

                            1 Reply Last reply Reply Quote 6
                            • D
                              Damir120505
                              last edited by

                              There are ligth thunder and thunderstorms color in color scale for type of precipitation. Why are they not used?

                              KorinaK idefix37I 2 Replies Last reply Reply Quote 0
                              • KorinaK
                                Korina @Damir120505
                                last edited by

                                @Damir120505 Hello, what do you mean exactly? You can customise colors for each layer.

                                Korina

                                1 Reply Last reply Reply Quote 0
                                • idefix37I
                                  idefix37 Sailor Moderator @Damir120505
                                  last edited by idefix37

                                  @Damir120505 said in Customize the color scales of Windy layers:

                                  Why are they not used?

                                  There are used. If no lightning is forecast by the model, Windy cannot show colors !

                                  298A8E16-011D-41F9-8E83-B7BFE0B0AFAA.jpeg

                                  1 Reply Last reply Reply Quote 1
                                  • D
                                    Damir120505
                                    last edited by Damir120505

                                    Theese layers aren't used.

                                    1de75101-a5f1-4ccf-b28e-77f7505ef5eb-image.png

                                    @idefix37

                                    idefix37I KorinaK 2 Replies Last reply Reply Quote 0
                                    • idefix37I
                                      idefix37 Sailor Moderator @Damir120505
                                      last edited by idefix37

                                      @Damir120505
                                      OK that’s clearer with a screenshot. There is no obvious reason to have these lines and colors in the Precipitation type color scale.
                                      Developers should have a look at it.

                                      1 Reply Last reply Reply Quote 0
                                      • KorinaK
                                        Korina @Damir120505
                                        last edited by

                                        @Damir120505 @idefix37 Hi, this does not look as screenshot from Windy.com. What browser do you use?

                                        Korina

                                        idefix37I D 2 Replies Last reply Reply Quote 0
                                        • idefix37I
                                          idefix37 Sailor Moderator @Korina
                                          last edited by

                                          @Korina
                                          It is a screenshot from Windy. Same as you I was on the point to give the same reply.

                                          KorinaK 1 Reply Last reply Reply Quote 0
                                          • KorinaK
                                            Korina @idefix37
                                            last edited by

                                            @idefix37 Yes, but the UI is different.

                                            Korina

                                            idefix37I 1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post
                                            Windyty, S.E. - all rights reserved. Powered by excellent NodeBB
                                            NodeBB & contributors, OSM & contributors, HERE maps
                                            Terms of Use     Privacy Policy