Wind sports widget for allMETEO weather stations

Each surfing, kite surfing, wind surfing or paragliding site has optimal, sub-optimal and dangerous wind directions. This wind speed and wind direction widget from the allMETEO.com weather portal lets your users know the current wind conditions and whether wind is blowing from the correct wind direction for each individual wind sporting location.

Average wind speed and wind direction along with maximum gust wind speed and direction are also reported every 10 minutes to your website with the highest meteorological standards of quality of NWS and WMO.

Just enter your wind directions in degrees into the widget generator in your allMETEO portal MeteoGarden, and then copy/paste the generated code snippet to into your website to display live wind information relative to your wind site location. The shape, size and colors can easily be customized to your liking. Weather data streams directly from your MeteoWind® IoT Pro wind sensor on the allMETEO weather portal to your website. Other examples of widget implementations can be found here: https://meteo-be.net/Dashboard, wind101.net, vnutroblokslavia.sk, letisko-jasna.sk,

Examples of code snippets and resulting widget visualizations follow:

optimal and sub-optimal and dangerous wind Directions for each surfing, kite surfing, wind surfing or paragliding site

HTML code for a wind widget which is 300 pixels wide and 300 pixels high with a 1 pixel thick yellow border follows:

<div style="width: 400px; height:300px; border: 1px solid orange;">
<div class="allmeteo-widget" data-ws="2101SW008" kite-angles="22,50,125,150,250,22" > </div>
</div>

HTML code for a wind widget which is 400 pixels wide and 400 pixels high with a 1 pixel thick red border follows:

<div style="width: 400px; height:400px; border: 5px solid red;">
<div class="allmeteo-widget" data-mg="8" kite-angles="270,405,440,605,630" wind> </div>
</div>

IMPORTANT

  • If the character encoding of your HTML webpage was not declared as UTF-8, the widget may render with garbled text in some browser configurations since the widget contains character from the Wingdings 3 font which is outside the US-ASCII range. The character encoding of the page must be declared in the document or in the transfer protocol as:

<meta charset="utf-8"/>
  • The following line of code script needs to be inserted at the bottom of the web page right before the </body> tag. If you add multiple of the above widgets on you website, the following line of code needs to appear only once:

<script type="text/javascript" src="https://weather.allmeteo.com/widget/allmeteo.widget.js">  </script> 

Customizing the website widget code

For instructions on how to customize the wind widget code, please see the following FAQ article: