Weather widget for Stack 3.0+

weather.xaml

<!--
 xmlns:binding="clr-namespace:LostTech.Stack.Widgets.DataBinding;assembly=LostTech.Stack.Widgets"
 xmlns:dataSources="clr-namespace:LostTech.Stack.Widgets.DataSources;assembly=LostTech.Stack.Widgets"
 -->
<StackPanel Orientation="Horizontal">
  <StackPanel.Resources>
    <dataSources:WebDataSource x:Key="Weather"
      Url="https://api.openweathermap.org/data/2.5/weather?lat=YOUR_LAT&amp;lon=YOUR_LON&amp;units=metric&amp;appid=PUT_YOUR_OWN_HERE"
      dataSources:DataSource.RefreshInterval="0:15:0" />

    <binding:ConverterPipeline x:Key="WeatherIcon">
      <binding:ParametrizedConverter Parameter="weather.[0].icon">
        <binding:JsonParser />
      </binding:ParametrizedConverter>
      <binding:ParametrizedConverter Parameter="http://openweathermap.org/img/wn/{0}.png">
        <binding:Formatter />
      </binding:ParametrizedConverter>
    </binding:ConverterPipeline>

    <binding:JsonParser x:Key="JsonParser"/>
  </StackPanel.Resources>
  
  <Image Height="40" Width="40"  Margin="0,3"
          Source="{Binding Content,
                  Source={StaticResource Weather},
                  Converter={StaticResource WeatherIcon},
                  Mode=OneWay,
                  IsAsync=True}"
        />
  <TextBlock Foreground="White" Margin="5,3"
              VerticalAlignment="Center"
              FontSize="20">
    <Run Text="{Binding Content,
                  Source={StaticResource Weather},
                  Converter={StaticResource JsonParser},
                  ConverterParameter=main.temp,
                  Mode=OneWay,
                  StringFormat={}{0:0}°C,
                  IsAsync=True}"/>
  </TextBlock>
</StackPanel>

Looks like this: