Windy Customized Graphics - Version 3



  • I found a new way to get more visual detail out of the Clouds overlays.

    The setting is here: https://community.windy.com/post/19260

    Screen examples are at the link.



  • The Waves and Currents overlays have been redone. The Humidity overlay has also been re-done.

    Waves [waves]
    https://community.windy.com/post/19266

    Currents [currents]
    https://community.windy.com/post/19267

    Humidity [rh]
    https://community.windy.com/post/19258

    Screen examples are shown at the links.



  • Several overlays that I previously created were posted as smaller cut-down versions, due to the inability to post more than 32k characters per post, within the threads. That former character limit has now been removed so I've now updated the overlays with their extended versions which can now display a wider range of forecast 'pseudo-data' detail, which the models generate in more extreme forecasted 'events'. Most of the overlays have been updated, edited or else completely re-created within the past few days, and are more-or-less complete at this point. If you're using these overlays I recommend you update them to the new settings.



  • Wind overlay has been completely rebuilt with finer detail increment and smoother shading. I re-sampled the colors within the Beaufort part of the overlay to make them exactly match the standard Beaufort scale color table (the previous version was not quite it). I've also increased the maximum wind speed displayed to 432 km/h.

    New setting is here:

    Wind [Wind]
    https://community.windy.com/post/19250

    Screenshot_2019-02-28 Windy as forecasted(1).png

    More screen examples at the link location.



  • I've greatly expanded the 'Dust mass' overlay to better display the full range of dust density within the forecasts, plus to add colored intensity contours. (It's now easily the largest overlay at 89,676 characters, 3501 lines). It depicts a linear display of intensity.

    Dust mass [dust]

    Setting is here:
    https://community.windy.com/post/19269

    Screen examples given at the link.



  • The Ozone overlay has been updated to show more detail and greater visual contrasts between changes.

    Ozone layer [ozone]

    The setting new is here:

    https://community.windy.com/post/19271

    The southern hemisphere’s Winter/Spring Ozone-Hole's gradual re-appearance this year will be depicted using the following color shading. The brightest shade shown is equivalent to approximately the lowest ozone depletion values observed to date. The dynamic shape and structure of the forecast ‘hole’ will be delineated very accurately using this level of increment and shading. This is a linear overlay (the standard overlay is not). It may be refined further as the depletion level peaks during the beginning of the southern Spring in September.

    Screenshot_2019-03-06 Windy as forecasted(4).png



  • Hi @WXcycles

    Awsome work!
    Can this by added by CSS as I'm running a web-app version on my MagicMirror?

    Greetings from Norway!



  • @TheStigh If you mean API, you can change colors as well. Use testing library from this link https://community.windy.com/topic/7917/windy-api-v4-18-5-0-rc-public-test and check the object windyAPI.colors. Please send any further API questions to API topics. Thanks.



  • Increased the visual contrast and details within the high-pressure areas, to match with the contrast and details in the low-pressure areas.

    Setting is here:

    Pressure [pressure]
    https://community.windy.com/post/19272



  • This is deleted.



  • Changed cloud display intensity thresholds to better display details

    Clouds [clouds]
    Low clouds [lclouds]
    Medium clouds [mclouds]
    High clouds [hclouds]

    Setting here:
    https://community.windy.com/post/19260

    This is a fully linear display of both clouds and rainfall
    15.png
    16.png

    The Rain, thunder [rainClouds] part of the display is here:

    https://community.windy.com/post/19256



  • I've rebuilt the temperature overlay and doubled its size to maximize shading smoothness and visual contasts.

    Temperature [temp]

    Setting is here:
    https://community.windy.com/post/19257

    Example:
    9.png
    5.png



  • I made an entirely new thunderstorm overlay as the standard windy overlay is highly non-linear and introduces many scale, intensity and location distortions to the forecast depiction. The replacement linear overlay removes such distortion and keeps the display within the correct visual proportions and has a display data range about 9 times higher than the original. It displays the forecast intensities and locations much more clearly.

    Thunder storms [lightDensity]

    The setting is here:
    https://community.windy.com/post/19255

    5.png
    6.png



  • I rebuilt the sulfur dioxide overlay with double the zoomed detail increment, and far better contour interval shading. It’s now my largest overlay.

    SO2 mass [so2]

    Setting is here:
    https://community.windy.com/post/19270

    This replacement overlay is a fully linear display:
    3.png4.png

    I'll be reworking the carbon-monoxide (CO) overlay in a similar way, soon-ish.



  • The carbon monoxide overlay has been rebuilt with a clearer contoured shading to 9,915 ppbv and is able to show point source areas.

    CO concentration [cosc]

    Setting is here:
    https://community.windy.com/post/19268

    3.jpg



  • Created a further CO overlay that has both 4 times as much contrast sensitivity (as yesterdays) plus 4 times as many contours. The result is an ability to see both low and high emissions more clearly.

    CO concentration [cosc]

    Setting is here:
    https://community.windy.com/post/19268

    New York
    1.png2.png

    Beijing
    3.png4.png

    I’ll be reworking the particle and gas overlays further as I refine this new contour shading approach to displaying more complex forecast outputs which normal shading methods are unable to display with sufficient contrasts and details.


  • Sailor

    @WXcycles
    How do you explain this moiré effect or interference fringes effect that these settings give to the overlay display?



  • @idefix37 said in Windy Customized Graphics - Version 3:

    moiré effect

    16-bit RGB.

    CO concentration [cosc]

    Setting is here:
    https://community.windy.com/post/19268

    1.png2.png3.png4.png5.png


  • Sailor

    @WXcycles
    I have checked and paste your settings for CO layer. I see that this moiré effect is in fact voluntary. You have introduced darker strips in your colour settings to obtain some kind of isolines in the colour layer?
    So that’s nothing to do with interference fringes
    https://pdfs.semanticscholar.org/c0ba/2ea38e20f5d6066e2193055bbc68677c700c.pdf



  • Mostly yes, I deliberately created contour shading around the otherwise unseen peak values (more like topographic contours) to illustrate where they are, and to give a sense of their relative gradients and the peak locations and their scale.

    Plus I add color to indicate a rise or fall in value across the contour interval. The moiré itself is a rendering artifact of 1980s to 1990s era 16-bit display processing of what’s a fairly coarse global forecast pseudo-‘dataset’.

    I’m pushing the display to show emission and plume detail that can’t be seen (at all) within the standard non-linear and quite limited dynamic range of the standard Windy CO overlay. It’s a process of finding optimal levels of contour increments, plus starting them at a useful initial value (color and brightness) and deciding whether the initial contour channel should rise, or else fall (between 0 and 256). Plus to decide how deep the contour shading should rise or fall (i.e. how visually prominent they are). The oscillating depth of the contour channel likewise affects its increment spacing. A subtle shallow oscillation places the contours closer together (and is very sensitive to detail changes) while a deeper contour shading channel oscillation is visually less subtle (dark) and places the contour increments further apart (and is less sensitive to detail changes).

    Basically, everything affects everything else when doing this, so it’s a lot of experimentation to find a direction in the settings that works best. I’ve only scratched the surface to see what this approach can do. For instance, if the contour increment goes too high (too many contours and too close) the lower-level display values go blocky and coarse when zoomed-out. Plus the moiré effect blooms in the higher-level peak areas when zoomed-in. But if the contour increment is too low the visual detail drops away sharply. So finding a setting that works for displaying both the highest-peak levels and also provides detail in dispersing plumes gets tedious fast.

    This is the only way I’ve identified to linearly display the detail that’s already present but which can’t be displayed using normal shading methods, as the global data range is much too high for normal shading approaches to work (especially if using a non-linear shading). This CO overlay has by far the highest range of data values of all the Windy overlays, and this current version uploaded goes up to 9,100 ppbv (>4 times higher than the standard overlay).

    The current ‘Dust-mass’ overlay also contains very high values (up to 3,500 µg/m³) and was the first overlay I tried this contouring approach with (and will be refining it further yet) but the Dust-mass overlay contains only 1/3 of the CO overlay’s range. Getting so much forecast information to display within a linear display requires messing about to find optimal settings for each individual gas and particle overlay. The ozone overlay doesn’t need contouring at all as its’ value-range and increment level is relatively small, so a standard linear overlay shading approach works well for that gas.

    But any gasses with very high local peak value and associated regional to global downstream plume flow requires contours plus a (complicated to implement) color shading on top of it, to display the full peak value range appropriately. Creating such displays generates large and difficult to edit overlays. There are 4,000 lines of text in this one and the CO overlay uses almost all of the available 96,000 characters that Windy’s blog software permits me to upload. That many characters slows down page loading times in this thread, as you may have noticed.

    So I’m hoping to only have to use this technique within three overlays, namely, Dust-mass, SO2 and CO. I’m currently constructing editing tools to simplify and speed up editing and testing such contoured overlays.

    So these visual moiré interference fringes are for me just another one of the necessary compromises to balance.


Log in to reply
 

Windyty, S.E. - all rights reserved. Powered by excellent NodeBB
NodeBB & contributors, OSM & contributors, HERE maps