CINXE.COM

<!DOCTYPE html>    <html xmlns:fb="http://ogp.me/ns/fb#"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <title>Current Weather in Columbus, OH, USA | weatherUSA</title> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" /> <link rel="manifest" href="/site.webmanifest" /> <meta name="theme-color" content="#255598" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha256-bZLfwXAP04zRMK2BjiO8iu9pf4FbLqX6zitd+tIvLhE=" crossorigin="anonymous" /> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/v4-shims.css"> <link rel="stylesheet" href="https://mozilla.github.io/Fira/fira.css" type="text/css" /> <link rel="stylesheet" href="/assets/css/default.css?1593900049" type="text/css" /> <script src="/assets/js/mootools-core-1.6.0-nc.min.js" type="text/javascript"></script> <script src="/assets/js/mootools-more-1.6.0-4d2ae48c.min.js" type="text/javascript"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script> <script>$.noConflict();</script> <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script> <script src="/assets/js/default.js?1550268330" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ var fav_place_ids = [975772,423587,1662328]; var fav_place_aliases = {"975772":"New York, NY","423587":"Chicago, IL","1662328":"Los Angeles, CA"}; var fav_customized = false; window.addEvent('domready', function() { favoritesBarApiRequest.send({'method': 'get', 'data': {'type': 'favoriteobs', 'place_id': fav_place_ids}}); }); //]]> </script>  <meta name="description" content="Real-time weather conditions in Columbus, Ohio. Updated every 10 seconds. Includes local temperature, wind, humidity, and rainfall readings, as well as historical data." /> <meta content="300" http-equiv="Refresh" />  </head> <body> <p class="nodisplay"><a href="#content-start">Skip to content</a></p> <div id="layer_pretty" class="default_tpl"> <div id="page"> <div id="header" class="page_width row"> <div id="button_open_nav_menu" class="col-xs-2 visible-xs-inline-block visible-sm-inline-block"><i class="fa fa-fw fa-navicon"></i><span>Menu</span></div> <div id="header_logo_wrap" class="col-xs-8 col-md-4"><a id="header_logo" href="/">weatherUSA</a></div> <div id="button_open_search" class="col-xs-2 visible-xs-inline-block visible-sm-inline-block"><i class="fa fa-fw fa-search"></i></div> <nav id="layer_menu" class="col-md-8 visible-md-block visible-lg-block"><ul id="mainmenu"> <li><a href="/forecasts">Current Weather</a> <ul> <li><a href="/forecasts">Forecast & Report</a></li> <li><a title="View live weather, local conditions, and alerts fullscreen" href="/weathernet/live/">WeatherNet Live Map</a></li> <li><a href="/weathernet/live/?layers=radar">National Radar</a></li> <li><a href="/skycamnet">Weather Cameras</a></li> </ul> </li> <li><a href="#">Severe Weather</a> <ul> <li><a href="/wxwarnings">Watches & Warnings</a></li> <li><a href="/winter">Winter Center</a></li> <li><a href="/tropical">Tropical Center</a></li>  <li><a href="/radio">Weather Radio</a></li> </ul> </li> <li><a href="#">Services</a> <ul> <li><a href="/alerts/">Weather Alerts</a></li> <li><a href="/services">Business Services</a></li> <li><a href="/services/weather-api">Weather Data API</a></li> <li><a href="/services/mobile">Mobile Apps</a></li> <li><a href="/wxonyoursite/">Webmaster Tools</a></li> </ul> </li> <li><a href="/faq/">More...</a> <ul> <li><a href="/weathernet/oh-columbus/">Columbus Ohio Live Weather</a></li>   <li><a href="/search.php">Search</a></li>  <li><a href="/contact/">Contact Us</a></li> </ul> </li> <li style="float: right;"><a id="menu_account_icon"><i class="fa fa-sign-in fa-lg fa-inverse"></i> Log in/Sign up</a> <ul id="menu_account_list"> <li><a rel="nofollow" href="/members/login?return=%2Fweathernet%2Foh-columbus%2F">Log in</a></li> <li><a rel="nofollow" href="/members/new?return=%2Fweathernet%2Foh-columbus%2F">Create an account</a></li> </ul> </li> </ul></nav> <nav id="layer_menu_mobile"><ul> <li><a href="/forecasts">Current Weather</a> <ul> <li><a href="/forecasts">Forecast & Report</a></li> <li><a title="View live weather, local conditions, and alerts fullscreen" href="/weathernet/live/">WeatherNet Live Map</a></li> <li><a href="/weathernet/live/?layers=radar">National Radar</a></li> <li><a href="/skycamnet">Weather Cameras</a></li> </ul> </li> <li><a href="#">Severe Weather</a> <ul> <li><a href="/wxwarnings">Watches & Warnings</a></li> <li><a href="/winter">Winter Center</a></li> <li><a href="/tropical">Tropical Center</a></li>  <li><a href="/radio">Weather Radio</a></li> </ul> </li> <li><a href="#">Services</a> <ul> <li><a href="/alerts/">Weather Alerts</a></li> <li><a href="/services">Business Services</a></li> <li><a href="/services/weather-api">Weather Data API</a></li> <li><a href="/services/mobile">Mobile Apps</a></li> <li><a href="/wxonyoursite/">Webmaster Tools</a></li> </ul> </li> <li><a href="/faq/">Contact & More...</a> <ul> <li><a href="/weathernet/oh-columbus/">Columbus Ohio Live Weather</a></li> <li><a href="/search.php">Search</a></li> <li><a href="/contact/">Contact Us</a></li> </ul> </li> <li><a id="menu_account_icon_mobile"><i class="fa fa-sign-in fa-lg fa-inverse"></i> Log in/Sign up</a> <ul> <li><a rel="nofollow" href="/members/login?return=%2Fweathernet%2Foh-columbus%2F">Log in</a></li> <li><a rel="nofollow" href="/members/new?return=%2Fweathernet%2Foh-columbus%2F">Create an account</a></li> </ul> </li> </ul> </nav> <div id="layer_search_mobile"> <form id="form_place_search_mobile" action="/forecasts" method="get"> <div class="input"> <input type="text" name="q" size="25" autocomplete="off" placeholder="Enter city, ZIP, location..." required /> </div> <button type="submit" name="submit" class="btn color_white"> <i class="fa fa-search" title="Search"></i> </button> </form> </div> </div> <div id="layer_ticker" class="clearfix page_width block_justify"> <div class="layer_ticker_row ticker_row_1"> <div class="layer_ticker_select">Favorites</div> <div class="ticker_msg" id="layer_favorites">  </div> </div> <div class="layer_ticker_row ticker_row_2"> <div class="layer_ticker_select">Tropical Center</div> <div class="ticker_msg" id="layer_tropical_banner"> <a href="/tropical">Tracking <i>Tropical Cyclone Taliah</i> »</a> </div> </div> <div id="layer_search"> <form id="form_place_search" action="/forecasts" method="get"> <div class="input"> <input type="text" id="qstr" name="q" size="25" autocomplete="off" placeholder="Enter city, ZIP, location..." required /> </div> <button type="submit" name="submit" class="btn color_white"> <i class="fa fa-search" title="Search"></i> </button> </form> </div> </div> <div id="layer_hero_content"></div> <div id="layer_main_wrap" class="page_width"> <div id="layer_page_backdrop"></div> <div id="layer_content_wrap" class="clearfix"> <div id="layer_content_header"> <h1 id="content-start">Columbus, Ohio Real-Time Weather Conditions</h1> </div> <div id="content" class="container-fluid"> <style> .number-value-nopad { padding: 3px 0; } .data-display { text-align: center; /* border-top-color: #39a5dc; */ border: 1px solid rgba(128,128,128,0.08); background: #fff; box-sizing: border-box; box-shadow: 0 1px 1px rgba(3,3,3,0.175); padding: 20px; } .data-display-title { font-size: 12pt; text-align: center; } .data-display-body { display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; } .data-display-color-spectrum { } .data-display-color-spectrum .number-value { padding: 3px 12px; } .data-display-color-spectrum .number-value:not(:last-child) { border-right: 1px solid #aaa; } .data-display-meter { display: block; text-align: center; position: relative; width: 175px; height: 175px; } .data-display-meter-line { position: absolute; left: 70px; top: 50px; width: 170px; height: 170px; border: 8px solid transparent; border-top-color: rgba(61,64,66,1); border-right-color: rgba(61,64,66,1); border-radius: 50%; transform: rotate(-45deg); margin: auto; } .data-display-meter-circle { position: absolute; left: 70px; top: 0; width: 170px; height: 170px; border: 8px solid transparent; border-top-color: rgba(61,64,66,1); border-right-color: rgba(61,64,66,1); border-bottom-color: rgba(61,64,66,1); border-left-color: rgba(61,64,66,1); border-radius: 100%; margin: auto; } .data-display-meter-arrow { content: 'o o o'; position: absolute; left: 2px; top: -5px; width: 0; height: 0; border: 0; color: #ff7c39; font-size: 5px; font-family: Arial,Helvetica,system; } .data-display-meter-arrow { position: absolute; content: 'o o o'; left: 50%; top: 0; width: 0; height: 0; border-style: solid; border-width: 10px 5px 0; border-color: #ff7c39; transform: translate(-50%,-50%); margin: auto; } .rainbow-gauge { height: 10px; width: 100%; background-image: linear-gradient(to right, violet, indigo, blue, green, yellow, orange, red); } .data-display-wind-arrow-icon { display: flex; align-self: center; width: 24px; height: 24px; margin-right: 8px; transition: transform 1000ms ease; } .data-display-tank { width: 120px; height: 250px; position: relative; font-size: 11pt; box-shadow: none; border-width: 0; } .data-display-tank-holder { position: absolute; right: 5%; top: 1.5em; bottom: 0; width: 64px; background-image: linear-gradient(to right, #eee, #ddd); overflow: hidden; } .data-display-tank-juice { position: absolute; bottom: 0; left: 0; right: 0; height: 0%; transition: height 300ms cubic-bezier(.22,.61,.36,1); } .data-display-tank-juice1 { background-image: linear-gradient(to top, #ffd3d3, fuchsia, red); } .data-display-tank-juice2 { background-image: linear-gradient(to top, #50a9e6, #3333dd, #1839bb); } .data-display-tank-juice3 { background-image: linear-gradient(to top, #b8d5cd, lime, green); } .data-display-tank-sliderticks { position: absolute; left: 0; top: 1.5em; bottom: 0; display: flex; flex-direction: column-reverse; justify-content: space-between; padding-right: 5px; margin-bottom: calc(-6pt + 1px); margin-top: -6pt; right: 67px; } .data-display-tank-sliderticks p { margin: 0; position: relative; display: flex; align-items: center; justify-content: right; line-height: 1.0; font-size: 10pt; text-align: right; } .data-display-tank-sliderticks p:after { display: flex; flex: 0 0 1px; background: #D3D3D3; width: 1px; height: 10px; margin-left: 5px; transform: rotate(90deg); content: ""; } .data-display-tank-label { position: relative; top: -1.4em; font-weight: bold; } .sliderticks { display: flex; justify-content: space-between; padding: 0 0; } .sliderticks p { position: relative; display: flex; justify-content: center; text-align: center; width: 1px; background: #D3D3D3; height: 10px; line-height: 40px; margin: 0 0 20px 0; } /* Dark mode rules */ .dark-mode, .dark-mode #layer_pretty.template-widescreen { background-color: #151819; color: #e0e0e0; } .dark-mode #layer_pretty { background-image: none; } .dark-mode div#layer_main_wrap, .dark-mode #layer_pretty.template-widescreen div#layer_main_wrap { background-color: #151819; } .dark-mode .data-display { background: #393939; } .center { margin-left: auto; margin-right: auto; } </style> <table align="center" border="0" cellpadding="2" cellspacing="0"> <tr><td width="150"><b>Station Location:</b></td> <td><big><b>Columbus, Ohio</b></big> (Hilliard, 11 mi NW)</td></tr> <tr><td><b>Coordinates:</b></td> <td><b>40掳 3' N, 83掳 10' W<br />(40.056, -83.166)</b></td></tr> </table> <div id="report_status" class="warning hidden d-none"><i class="fa fa-exclamation-triangle fa-2x pull-left"></i> This station has not reported in over an hour. The information below is not accurate. We are aware of the issue, however, this is an automated message so the cause of the issue is unknown.</div> <h2>Streaming weather conditions</h2> <p class="center"> <span style="font-size: 90%; color: #454545; font-weight: normal; text-transform: uppercase;"><span class="ajax" id="ajaxindicator">Updated</span></span> <big><span class="ajax" id="ajaxtime"></span> on <span class="ajax" id="ajaxdate"></span></big><br /> <i class="fa fa-sync-alt" aria-hidden="true" style="margin-right: 0.5em;"></i><span class="ajax" id="lastupdated"></span> </p> <table class="table_hash" style="margin: 0 auto 1em;" border="0" cellpadding="5" cellspacing="0"> <tr> <th>Temperature</th> <td class="color-blue" style="font-size: 18pt; font-weight: bold;"><span class="ajax" id="ajaxtemp">--</span>掳<span style="display: inline-block; vertical-align: top;font-size: 70%;padding-top: 0.15em;">F</span></td> </tr> <tr> <th>Winds</th> <td> <div style="display: flex; align-items: center; padding-bottom: 3px;"> <img class="data-display-wind-arrow-icon" id="ajaxwindarrow" src="/assets/icons/wind_arrow_black.svg" style="transform: rotate(0deg);" aria-hidden="true" /> <span class="ajax" id="ajaxwinddir">--</span><span class="ajax" id="ajaxwindat"> at </span><span class="ajax" id="ajaxwind">--</span><span class="ajax" id="ajaxwindunits"> mph</span> </div> <span style="font-size: 90%; color: #454545; font-weight: normal; text-transform: uppercase; padding-right: 0.2em;">Gusts to</span> <span class="ajax" id="ajaxwindgust"></span><span class="ajax" id="ajaxwindgustunits"> mph</span><br> <span style="font-size: 90%; color: #454545; font-weight: normal; text-transform: uppercase; padding-right: 0.2em;">Average</span> <span class="ajax" id="ajaxwindavg"></span><span class="ajax" id="ajaxwindavgunits"> mph</span></td></td> </td> </tr> <tr> <th><span class="ajax" id="ajaxwindindex_title">Wind Chill</span></th> <td class="color-red"><span class="ajax" id="ajaxwindindex">--</span>掳F</td> </tr> <tr> <th>Humidity</th> <td><span class="ajax" id="ajaxhumidity">--</span>%</td> </tr> <tr> <th>Dew Point</th> <td><span class="ajax" id="ajaxdew">--</span>掳</td> </tr> <tr> <th>Barometric Pressure</th> <td><span class="ajax" id="ajaxbaro">--</span> inches</td> </tr> <tr> <th>Pressure Trend</th> <td><span class="ajax" id="ajaxbarotrend"></span> (<span class="ajax" id="ajaxbarorate">0.00</span> in/hr)</td> </tr> <tr> <th>Rainfall Rate</th> <td><span class="ajax" id="ajaxrainrate">--</span> in/hr</td> </tr> <tr> <th style="border-bottom: none;">24hr Rainfall</th> <td style="border-bottom: none;"><span class="ajax" id="ajaxrain">--</span> in</td> </tr> </table> <h2>Current weather alerts for this location</h2> <td colspan="8"><i class="fa fa-check" style="color: green" aria-hidden="true"></i></span>&nbspNo weather alerts are currently in effect.</td></tr> <div class="row"> <div class="col-lg-5"> <h2>Astronomy</h2> <h3 class="header-first">Sun</h3> <table class="table-condensed"> <tr><td>Civil Twilight</td><td>6:53 AM EST</td></tr> <tr><td>Sunrise</td><td>7:20 AM EST</td></tr> <tr><td>Sunset</td><td>6:11 PM EST</td></tr> <tr><td>Civil Twilight</td><td>6:39 PM EST</td></tr> <tr><td>Day Length</td><td>10h 51m</td></tr> <tr><td>Change since Yesterday</td><td><i class="fa fa-arrow-up"></i> 2m 29s</td></tr> </table> <h3 class="header-first">Moon</h3> <img src="/forecasts-legacy/images/moonphases/bw/m20.gif" /><br /> Waning Gibbous </div> <div class="col-lg-7"> <h2>Forecast</h2> <h3 class="header-first">4 Day Forecast</h3> <div id="forecasts-fcdailyview"> <div class="forecasts-loader"><img src="/images/mediabox/loading_sun_blue.gif" width="28" /> Loading the latest forecast...</div> </div> </div> </div> <h2>Graphs, history, and climate</h2> <div class="row"> <div class="col-md-4"> <h3>Temperature</h3> <div class="data-display"> <div class="data-display-title">Outdoor Temperature (掳F)</div> <div class="data-display-color-spectrum"> <span class="number-value number-value-lg" title="Current"><span class="ajax" id="ajaxtf">--</span></span> <span class="number-value number-value-lg" title="Daily Low"><span class="ajax" id="ajaxmintf">--</span></span> <span class="number-value number-value-lg" title="Daily High"><span class="ajax" id="ajaxmaxtf">--</span></span> </div>  <div class="data-display-title" style="margin-top: 20px"><span id="ajaxwindindex_title2" class="ajax"></span>(掳F)</div> <div class="data-display-color-spectrum"> <span class="number-value number-value-lg" title="Current"><span class="ajax" id="ajaxwindindex2">--</span></span>  </div>  </div> <div id="chart_temperature"></div> </div> <div class="col-md-4"> <h3>Humidity</h3> <div class="data-display"> <div class="data-display-title">Humidity (%)</div> <div class="data-display-color-spectrum"> <span class="number-value number-value-lg" title="Current"><span class="ajax" id="ajaxhumidity2">--</span></span> <span class="number-value number-value-lg" title="Daily Low"><span class="ajax" id="ajaxhumiditymin">--</span></span> <span class="number-value number-value-lg" title="Daily High"><span class="ajax" id="ajaxhumiditymax">--</span></span> </div>  </div> <div id="chart_humidity"></div> </div> <div class="col-md-4"> <h3>Barometric Pressure</h3> <div class="data-display"> <div class="data-display-title">Barometric Pressure (Sea-Level, inches)</div> <div class="data-display-color-spectrum"> <span class="number-value number-value-lg" title="Current"><span class="ajax" id="ajaxbaro2"></span></span> <span class="number-value number-value-lg" title="Pressure Rate"><span class="ajax" id="ajaxbarorate2"></span></span> </div> </div> <div class="data-display"> <div class="data-display-title">Pressure Trend</div> <div class="data-display-color-spectrum"> <span class="number-value number-value-lg" title="Current"><span id="ajaxbarotrend2" class="ajax"></span></span> </div> </div> <div id="chart_pressure"></div> </div> </div> <div class="row"> <div class="col-md-4"> <h3>Wind</h3> <div class="data-display"> <div class="data-display-body"> <div style="min-width: 168px; margin-left: 10px; text-align: left; display: flex;"> <img class="data-display-wind-arrow-icon" id="ajaxwindarrow2" src="/assets/icons/wind_arrow_black.svg" style="transform: rotate('0deg);" /> <span class="number-value number-value-nopad number-value-lg"><span class="ajax" id="ajaxwinddir2">--</span></span> <span class="number-value number-value-nopad number-value-lg"><span class="ajax" id="ajaxwindat2" style="display: inline;"> at </span></span> <span class="number-value number-value-nopad number-value-lg"><span class="ajax" id="ajaxwind2"></span></span> <span class="number-value number-value-nopad number-value-lg"><span class="ajax" id="ajaxwindunits2"> mph</span></span> </div> <div class="data-display-title"> Gusts <span class="number-value number-value-nopad"><span class="ajax" id="ajaxwindgust2"></span></span> <span class="number-value number-value-nopad"><span class="ajax" id="ajaxwindgustunits2" style="display: inline;"> mph</span></span> </div> </div> </div> <div id="chart_wind"></div> </div> <div class="col-md-4"> <h3>Dewpoint</h3> <div class="data-display"> <div class="data-display-title">Dewpoint Temperature (掳F)</div> <div class="data-display-color-spectrum"> <span class="number-value number-value-lg" title="Current"><span class="ajax" id="ajaxdew2">--</span></span> <span class="number-value number-value-lg" title="Daily Low"><span class="ajax" id="ajaxdewmin">--</span></span> <span class="number-value number-value-lg" title="Daily High"><span class="ajax" id="ajaxdewmax">--</span></span> </div>  </div> <div id="chart_dewpoint"></div> </div> <div class="col-md-4"> <h3>Rainfall</h3> <div class="data-display"> <div class="data-display-title">Rainfall Rate | Hourly Rain</div> <div class="data-display-color-spectrum"> <span class="number-value number-value-lg" title="Current"><span id="ajaxrainrate2" class="ajax"></span> in</span> <span class="number-value number-value-lg" title="Current"><span id="ajaxrain2" class="ajax"></span> in</span> </div> </div> <div class="row"> <div class="col-xs-6"> <p style="text-align: center">24hr Rain (in)</p> <div class="data-display data-display-tank center"> <div class="data-display-tank-sliderticks"> <p>0.00</p> <p>1.00</p> <p>2.00</p> <p>3.00</p> <p>4.00</p> <p>5.00</p> </div> <div class="data-display-tank-holder"> <div class="data-display-tank-juice data-display-tank-juice2" id="ajax_precip_24h" style="height: 2%;"><span class="data-display-tank-label"><span class="ajax" id="ajax_precip_24h_value"></span></span></div> </div> </div> </div> <div class="col-xs-6"> <p style="text-align: center">Yearly Rain (in)</p> <div class="data-display data-display-tank center"> <div class="data-display-tank-sliderticks"> <p>0.00</p> <p>10.00</p> <p>20.00</p> <p>30.00</p> <p>40.00</p> <p>50.00</p> <p>60.00</p> </div> <div class="data-display-tank-holder"> <div class="data-display-tank-juice data-display-tank-juice2" id="ajax_precip_yr" style="height: 2%;"><span class="data-display-tank-label"><span class="ajax" id="ajax_precip_yr_value"></span></span></div> </div> </div> </div> </div> </div> </div> <p style="margin-top: 20px"> A <a href="https://www.davisinstruments.com/">Davis Instruments</a> Vantage Pro 2 Weather Station, MeteoBridge Pro, and weatherUSA WeatherLive Network enables you to view these live conditions. </p> <div class="warning"> Disclaimer: Weather information is provided without warranty of any kind as to accuracy or timeliness, and should never be used to make decisions during a weather emergency.</span></td></tr></table> </div> <p> Wunderground: <b>KOHCOLUM1</b><br /> MADIS: <b>C0395</b> </p>  <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/5.16.0/d3.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/c3/0.7.20/c3.min.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/c3/0.7.20/c3.css"> <script language="javascript" type="text/javascript" src="/assets/js/ajaxweather_v2.1.js"></script> <script language="javascript" type="text/javascript"> requestTasks = {}; requestTasks.apiForecastDaily = new Request.JSON({ url: 'https://api.weatherusa.net/feed', link: 'cancel', timeout: 30, onRequest: function() {}, onSuccess: function(obj) { var container = $('forecasts-fcdailyview'); container.empty(); var i = 0; Object.each(obj, function(row) { if(row.hi == -9999) { row.hi = '--'; } else { row.hi = row.hi + '掳'; } var next_lo = -9999; if(obj[i+1]) { next_lo = obj[i+1]['lo']; } if(next_lo == -9999) { next_lo = '--'; } else { next_lo = next_lo + '掳'; } if(row.wx_str == undefined) { row.wx_str = 'N/A'; } if(row.wx_icon == undefined) { row.wx_icon = 'clear'; } var htmlStr = '<div class="forecasts-dayname">' + row['day_name_short'] + '</div>' + '<div class="forecasts-phen">' + row['wx_str'] + '</div>' + '<img class="forecasts-fcdailyicon" width="96" height="96" src="/assets/icons/metar/hd/' + row['wx_icon'] + '.png">' + '<div class="forecast-values-wrapper"><div class="forecast-temp"><span class="forecast-hi">' + row['hi'] + '</span>'; if(next_lo != '--') htmlStr = htmlStr + '<span class="forecast-lo">' + next_lo + '</span>'; htmlStr = htmlStr + '</div>' + '<div class="forecast-pop12">' + row['pop12'] + '%</div></div>'; container.grab(new Element('div', {'class': 'forecasts-daily', 'html': htmlStr})); i = i+1; }); } }); var chartConfigTemperature = { bindto: '#chart_temperature', axis: { x: { type: 'timeseries', localtime: true, tick: { fit: false, format: '%H', culling: {max: 10} } }, y: { label: { text: '掳F', position: 'inner-top' } } }, tooltip: { format: {title: function(d) { var df = d3.timeFormat('%-I:%M %p, %a %b %e'); return df(d); }} }, line: {connectNull: true}, data: { type: 'line', x: 'x', columns: [ ['x', 0], ['Temperature', 0] ] }, legend: {show: false}, grid: { y: { lines: [{value: 0}] } } }; var chartTemperature = c3.generate(chartConfigTemperature); var chartConfigHumidity = { bindto: '#chart_humidity', axis: { x: { type: 'timeseries', localtime: true, tick: { fit: false, format: '%H', culling: {max: 10} } }, y: { label: { text: '%', position: 'inner-top' } } }, tooltip: { format: {title: function(d) { var df = d3.timeFormat('%-I:%M %p, %a %b %e'); return df(d); }} }, line: {connectNull: true}, data: { type: 'line', x: 'x', columns: [ ['x', 0], ['Humidity', 0] ] }, legend: {show: false}, }; var chartHumidity = c3.generate(chartConfigHumidity); var chartConfigPressure = { bindto: '#chart_pressure', axis: { x: { type: 'timeseries', localtime: true, tick: { fit: false, format: '%H', culling: {max: 10} } }, y: { tick: { format: d3.format('0.2f') }, label: { text: 'in', position: 'inner-top' } } }, tooltip: { format: { title: function(d) { var df = d3.timeFormat('%-I:%M %p, %a %b %e'); return df(d); }, value: function(value) { return d3.format('0.2f')(value); } } }, line: {connectNull: true}, data: { type: 'line', x: 'x', columns: [ ['x', 0], ['Pressure', 0] ] }, legend: {show: false} }; var chartPressure = c3.generate(chartConfigPressure); var chartConfigWind = { bindto: '#chart_wind', axis: { x: { type: 'timeseries', localtime: true, tick: { fit: false, format: '%H', culling: {max: 10} } }, y: { label: { text: 'mph', position: 'inner-top' } }, y2: { show: true, label: { text: 'degrees', position: 'inner-top' }, min: 0, max: 360, padding: {top: 5, bottom: 0} } }, tooltip: { format: {title: function(d) { var df = d3.timeFormat('%-I:%M %p, %a %b %e'); return df(d); }} }, line: {connectNull: false}, data: { type: 'area-step', types: { 'Wind Direction': 'scatter' }, x: 'x', axes: { 'Wind Speed': 'y', 'Wind Direction': 'y2' }, columns: [ ['x', 0], ['Wind Speed', 0], ['Wind Direction', 0] ] }, legend: {show: false} }; var chartWind = c3.generate(chartConfigWind); var chartConfigDewpoint = { bindto: '#chart_dewpoint', axis: { x: { type: 'timeseries', localtime: true, tick: { fit: false, format: '%H', culling: {max: 10} } }, y: { label: { text: '掳F', position: 'inner-top' } } }, tooltip: { format: {title: function(d) { var df = d3.timeFormat('%-I:%M %p, %a %b %e'); return df(d); }} }, line: {connectNull: true}, data: { type: 'line', x: 'x', columns: [ ['x', 0], ['Dewpoint', 0] ] }, legend: {show: false}, grid: { y: { lines: [{value: 0}] } } }; var chartDewpoint = c3.generate(chartConfigDewpoint); jQuery(function($) { requestTasks.apiForecastDaily.get({'type': 'forecast', 'units': 'e', 'daily': 1, 'maxtime': '4d', 'q' : '39.938, -83.111'}); $('#action_darklight').on('click', function(e) { var el = document.body; el.toggleClass('dark-mode'); }); }); ajaxLoader('https://api.weatherusa.net/v1/mesonet?mode=rt&network=weatherusa&station_id=C0395'); ajaxTimeseriesLoader('https://api.weatherusa.net/v1/mesonet?mode=archive&network=weatherusa&station_id=C0395'); </script>  </div> <div id="ad-vertical" class="noarrow"> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>  <ins class="adsbygoogle" style="display:inline-block;width:160px;height:600px" data-ad-client="ca-pub-8456894889172873" data-ad-slot="8720996167"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div id="ad-footer-wrapper" class="clear content-box noarrow"><div id="ad-footer"> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-8456894889172873" data-ad-slot="6127456569" data-ad-format="auto"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div></div>  </div>  </div> <div id="footer" class="page_width"> <div class="row"> <div class="col-xs-12 col-sm-3"> <a class="social_icons" href="https://www.facebook.com/weatherUSA"><img src="/assets/icons/social_facebook_32x32.png" width="32" height="32" alt="Find us on Facebook" /></a> <a class="social_icons" href="https://twitter.com/wxusa"><img src="/assets/icons/social_twitter_32x32.png" width="32" height="32" alt="Follow us on Twitter" /></a> </div>  <div class="col-xs-12 col-sm-9 col-md-9" style="text-align: right;"> <p><strong><a href="/contact/">Contact Us</a></strong></p> <p><a href="/privacy.php">Privacy Policy</a><br /> <a href="/legal/tos">Terms of Service</a></p> <p>©2001–2025 weatherUSA®</p> </div> </div> </div>   </div>  </div> </body> </html>