My Weather

            
jQuery(document).ready(function () {
   jQuery("#example2").weatherForecast({
      city: "Los Angeles",
      region: "California",
      country: "US",
      count: 1,
      theme: {
         backgroundColor: "#d81d1d",
         color: "#fff",
         forceImageWhite: true,
         border: "none",
      },
      appID: "your-app-id-here"
   })
});

            
jQuery(document).ready(function () {
   jQuery("#example3").weatherForecast({
      count: 1,
      unit: "metric",
      showCity: false,
      appID: "your-app-id-here"
   });
});

5,6,7 Day Forecasts

            
jQuery(document).ready(function () {
   jQuery("#example4").weatherForecast({
      city: "New York",
      region: "New York",
      country: "US",
      count: 5,
      appID: "your-app-id-here"
   });
});

            
jQuery(document).ready(function () {
   jQuery("#example5").weatherForecast({
      city: "Los Angeles",
      region: "California",
      country: "US",
      count: 6,
      appID: "your-app-id-here",
      theme: {
         backgroundColor: "#02c732",
         color: "#fff",
         forceImageWhite: true,
         border: "none"
      }
   });
});

            
jQuery(document).ready(function () {
   jQuery("#example6").weatherForecast({
      count: 7,
      unit: "metric",
      appID: "your-app-id-here"
   });
});

            
jQuery(document).ready(function () {
   jQuery("#example7").weatherForecast({
      city: "Mexico City",
      country: "MX",
      count: 3,
      unit: "metric",
      showCity: false,
      orientation: "vertical",
      theme: {
         border: "none",
      },
      days: [
         "Domingo",
         "Lunes",
         "Martes",
         "Miércoles",
         "Jueves",
         "Viernes",
         "Sábado",
      ],
      lang: "es",
      appID: "your-app-id-here"
   });
});

Defaults

               
appID: "", // get your free API code from https://home.openweathermap.org/users/sign_up
city: "", // city name
region: "", // state or region
country: "", // 2 character code for country
count: 5, // if you use 1, it will default to today, otherwise input your days
days: [  // change to your language preference
   "Sunday",
   "Monday",
   "Tuesday",
   "Wednesday",
   "Thursday",
   "Friday",
   "Saturday",
],
today: "Today", // change to your language preference
unit: "imperial", // imperial or metric
text: {  // change to your language preference
   humidity: "Humidity",
   pressure: "Pressure",
   wind: "Wind",
},
showCity: true, // show the city name below (today) or above (forecasts)
orientation: "horizontal", // vertical or horizontal
theme: { // modify theme colors per item
   backgroundColor: "#fff",
   color: "#333",
   forceImageWhite: false,
   border: "1px solid #c0c0c0",
},
lang: "en" //change the language using 2 character language code

Today's Forecasts

5,6,7 Day Forecasts

Defaults