<!DOCTYPE html PUBLIC "-//W3C//DTD HTML+RDFa 1.1//EN">




<html class="no-js not-oldie" lang="en" dir="ltr" version="HTML+RDFa 1.1">
  <meta charset="utf-8" />

<link rel="shortcut icon" href="/sites/all/themes/epa/favicon.ico" type="image/vnd.microsoft.icon" />
<meta name="HandheldFriendly" content="true" />
<meta name="viewport" content="width=device-width" />
<meta name="MobileOptimized" content="width" />
<meta http-equiv="ImageToolbar" content="false" />
<meta http-equiv="cleartype" content="on" />


<meta name="keywords" content="climate change; global warming; science; indicator; data; society; energy; heat; air conditioning" />
<link rel="canonical" href="/climate-indicators/climate-change-indicators-heating-and-cooling-degree-days" />
<link rel="shortlink" href="/climate-indicators/climate-change-indicators-heating-and-cooling-degree-days" />







<meta name="WebArea" content="Climate Change Indicators" />
<meta name="WebAreaType" content="Microsite" />
<meta name="ContentType" content="page" />
  <title>Climate Change Indicators: Heating and Cooling Degree Days | Climate Change Indicators in the United States | US EPA</title>
  
  <link type="text/css" rel="stylesheet" href="/sites/production/files/css/css_3h5HfPyG4w0xmgk_oaLP90_rUIs7Xmed0sNIfCxGAyg.css" media="all" />
<link type="text/css" rel="stylesheet" href="/sites/production/files/css/css_NFNG4tEiKv-n_hlnQ4iBNlFbb-9XRaRVA9wRk6nUPHY.css" media="all" />
<link type="text/css" rel="stylesheet" href="/sites/production/files/css/css_Pvo-DHIdW2Qn9LljtH2R1QKqzm8QoJ18zl6wR9Dk-Ak.css" media="all" />
<link type="text/css" rel="stylesheet" href="/sites/production/files/css/css_28CvFue6tf4M8aL9zid2j2W58Z6HleySMQyNH35QhI0.css" media="all" />

<!--[if lt IE 9]>
<link type="text/css" rel="stylesheet" href="/sites/production/files/css/css_H7Qs31C_4pOAKdUe1sAA01nOyZTqO_KOIt1uDr0iKB4.css" media="all" />
<![endif]-->
<link type="text/css" rel="stylesheet" href="/sites/production/files/css/css_68w49Vk1SYPj8EPx2iW8fUagDJ4xc2WJQO7Dn7aLNaU.css" media="all" />
  <link rel="alternate" type="application/atom+xml" title="EPA.gov All Press Releases" href="/newsreleases/search/rss" />
  <link rel="alternate" type="application/atom+xml" title="EPA.gov Headquarters Press Releases" href="/newsreleases/search/rss/field_press_office/headquarters" />
  <link rel="alternate" type="application/atom+xml" title="Greenversations, EPA's Blog" href="https://blog.epa.gov/blog/feed/" />
  <link rel="alternate" type="application/atom+xml" title="Climate Change Indicators" href="/feed/125251/rss.xml" />    </head>
<body class="html not-front not-logged-in one-sidebar sidebar-first page-node page-node-154023 node-type-page og-context og-context-node og-context-node-125251 section-climate-indicators microsite" >
  <div class="skip-links"><a href="#main-content" class="skip-link element-invisible element-focusable">Jump to main content</a></div>
      
  
  <div class="region-alert">  <div id="block-pane-epa-admin-public-alert-message" class="block block-pane  block-pane-epa-admin-public-alert-message block-alert">
  
  
  
  
      
</div>
<div id="block-pane-epa-gtm" class="block block-pane  block-pane-epa-gtm">
  
  
  
  
    

  
</div>
  </div>
<div id="brand-header"></div>
<header class="masthead clearfix" role="banner">

      <img class="site-logo" src="/sites/all/themes/epa/logo.png" alt="" />
  
  
  <hgroup class="site-name-and-slogan">
      <h1 class="site-name">

      
      <a href="/" title="Go to the home page" rel="home">      <span>US EPA</span>
      </a>
    </h1>
  
      <div class="site-slogan">United States Environmental Protection Agency</div>
  
  </hgroup>
  
  

</header>
<div id="brand-menu"></div>
<section id="main-content" class="main-content clearfix" role="main" lang="en">
  <h2 class="microsite-name">Climate Change Indicators</h2>  
  
  <div class="region-preface clearfix">   
 
  </div>
    <div class="main-column clearfix">
            
          
      <h1  class="page-title">Climate Change Indicators: Heating and Cooling Degree Days</h1>
      
    
            
    
    
    
  
    



<div class="panel-pane pane-node-content" >

  
  
  
  
  
  <div class="pane-content">
    <div class="node node-page clearfix view-mode-full ">

  
  <div id="social-icons" style="display:none">
	<div><span class="twitter"><a href="http://twitter.com/home?status=Climate%20Change%20Indicators:%20Heating%20and%20Cooling%20Degree%20Days:%20/climate-indicators/heating-and-cooling-degree-days"><span
    class="figure image file file-image file-image-png inline view-mode-thumbnail" style="width:32px;"><img alt="Share Icon" title="Twitter" height="32" width="32" class="inline media-element file-thumbnail inline" typeof="foaf:Image" src="/sites/production/files/styles/thumbnail/public/2016-01/twitter31.png" /></span></a></span></div>

	<div><span><a href="http://www.facebook.com/sharer.php?u=/climate-indicators/heating-and-cooling-degree-days"><span
    class="figure image file file-image file-image-png inline view-mode-thumbnail" style="width:32px;"><img alt="Share Icon" title="Facebook" height="32" width="32" class="inline media-element file-thumbnail inline" typeof="foaf:Image" src="/sites/production/files/styles/thumbnail/public/2016-01/facebook6.png" /></span></a></span></div>

	<div><span><a href="http://reddit.com/submit?url=/climate-indicators/heating-and-cooling-degree-days&amp;title=Climate%20Change%20Indicators:Heating%20and%20Cooling%20Degree%20Days"><span
    class="figure image file file-image file-image-png inline view-mode-full" style="width:32px;"><img alt="Reddit Share Icon" title="Reddit Share Icon" height="32" width="32" class="media-element file-full" typeof="foaf:Image" src="/sites/production/files/styles/large/public/2016-03/reddit-new.png" /></span></a></span></div>
</div>

<p>This indicator examines changing temperatures from the perspective of heating and cooling needs for buildings.</p>

<div class="box" id="indicator-container">
	<div class="pane-content">
		<ul id="slideshow"><li><label for="img1"><strong>Figure 1.</strong> Heating and Cooling Degree Days in the Contiguous 48 States, 1895â€“2015</label> <span
    class="figure image file file-image file-image-png view-mode-full" style="width:100%px;"><img alt="Line graph showing the average number of heating and cooling degree days per year across the contiguous 48 states from 1895 to 2015." title="Heating and Cooling Degree Days in the Contiguous 48 States, 1895â€“2015" height="585" width="100%" class="media-element file-full" typeof="foaf:Image" src="/sites/production/files/styles/large/public/2016-07/heating-cooling-figure1-2016.png" /></span>
				<div class="row cols-3">
					<div class="col"><span><a href="/sites/production/files/2016-08/heating-cooling_fig-1.csv"><span
    class="figure image file file-image file-image-png inline view-mode-teaser" style="width:32px;"><img alt="Download Data" title="Download Data" height="32" width="32" class="inline media-element file-teaser inline" typeof="foaf:Image" src="/sites/production/files/styles/small/public/2015-12/spreadsheet4.png" /></span></a></span>Â  <span><a href="/sites/production/files/styles/large/public/2016-07/heating-cooling-download1-2016.png"><span
    class="figure image file file-image file-image-png inline view-mode-teaser" style="width:32px;"><img alt="Download Image" title="Download Image" height="32" width="32" class="inline media-element file-teaser inline" typeof="foaf:Image" src="/sites/production/files/styles/small/public/2015-12/images11.png" /></span></a></span></div>

					<div class="col">Â </div>

					<div class="col">Â </div>
				</div>

				<div id="caption1">
					<p>This figure shows the average number of heating and cooling degree days per year across the contiguous 48 states.</p>

					<p>Data source: NOAA, 2016<sup><a href="#ref3">3</a></sup><br /><em>Web update: </em><em>AugustÂ </em><em>2016</em></p>
				</div>
			</li>
			<li><label for="img2">Interactive Map</label><iframe height="460" id="iframe1" scrolling="no" src="https://www3.epa.gov/climatechange/science/indicators/health-society/heating-cooling_source_map_2.responsive.html" width="100%"></iframe>
				<div class="row cols-3">
					<div class="col"><span><a href="/sites/production/files/2016-08/heating-cooling_fig-2.csv"><span
    class="figure image file file-image file-image-png inline view-mode-teaser" style="width:32px;"><img alt="Download Data" title="Download Data" height="32" width="32" class="inline media-element file-teaser inline" typeof="foaf:Image" src="/sites/production/files/styles/small/public/2015-12/spreadsheet4.png" /></span></a></span>Â Â <span><a href="https://www3.epa.gov/climatechange/science/indicators/health-society/heating-cooling_source_map_2.html" target="_blank"><span
    class="figure image file file-image file-image-png inline view-mode-teaser" style="width:32px;"><img alt="Download Image" title="Download Image" height="32" width="32" class="inline media-element file-teaser inline" typeof="foaf:Image" src="/sites/production/files/styles/small/public/2015-12/images11.png" /></span></a>Â </span><span><a href="http://arcg.is/2eoWfU3 "><span
    class="figure image file file-image file-image-png inline view-mode-thumbnail" style="width:32px;"><img alt="KMZ Icon" title="View Interactive Map" height="32" width="32" class="inline media-element file-thumbnail inline" typeof="foaf:Image" src="/sites/production/files/styles/thumbnail/public/2016-01/location73.png" /></span></a></span></div>

					<div class="col">Â </div>

					<div class="col">Â </div>
				</div>

				<div id="caption2">
					<p>This map shows how the average number of heating degree days per year has changed in each state over time. Click each state to reveal the data. The map was created by comparing the first 60 years of available data (1895â€“1954) with the most recent 61 years (1955â€“2015). â€œWarmerâ€? colors indicate an increase in temperatures between the two periods, leading to less of a need to turn on the heatâ€”that is, fewer heating degree days. â€œCoolerâ€? colors indicate a decrease in temperatures, leading to more of a need to turn on the heatâ€”that is, more heating degree days.</p>

					<p>Data source: NOAA, 2016<sup><a href="#ref4">4</a></sup><br /><em>Web update: </em><em>AugustÂ </em><em>2016</em></p>
				</div>
			</li>
			<li><label for="img3">Interactive Map</label><iframe height="460" id="iframe2" scrolling="no" src="https://www3.epa.gov/climatechange/science/indicators/health-society/heating-cooling_source_map_3.responsive.html" width="100%"></iframe>
				<div class="row cols-3">
					<div class="col"><span><a href="/sites/production/files/2016-08/heating-cooling_fig-3.csv"><span
    class="figure image file file-image file-image-png inline view-mode-teaser" style="width:32px;"><img alt="Download Data" title="Download Data" height="32" width="32" class="inline media-element file-teaser inline" typeof="foaf:Image" src="/sites/production/files/styles/small/public/2015-12/spreadsheet4.png" /></span></a></span>Â  <span><a href="https://www3.epa.gov/climatechange/science/indicators/health-society/heating-cooling_source_map_3.html" target="_blank"><span
    class="figure image file file-image file-image-png inline view-mode-teaser" style="width:32px;"><img alt="Download Image" title="Download Image" height="32" width="32" class="inline media-element file-teaser inline" typeof="foaf:Image" src="/sites/production/files/styles/small/public/2015-12/images11.png" /></span></a>Â </span><span><a href="http://arcg.is/2eoVhXV "><span
    class="figure image file file-image file-image-png inline view-mode-thumbnail" style="width:32px;"><img alt="KMZ Icon" title="View Interactive Map" height="32" width="32" class="inline media-element file-thumbnail inline" typeof="foaf:Image" src="/sites/production/files/styles/thumbnail/public/2016-01/location73.png" /></span></a></span></div>

					<div class="col">Â </div>

					<div class="col">Â </div>
				</div>

				<div id="caption3">
					<p>This map shows how the average number of cooling degree days per year has changed in each state over time. Click each state to reveal the data. The map was created by comparing the first 60 years of available data (1895â€“1954) with the most recent 61 years (1955â€“2015). â€œWarmerâ€? colors indicate an increase in temperatures between the two periods, leading to more demand for air conditioningâ€”that is, more cooling degree days. â€œCoolerâ€? colors indicate a decrease in temperatures, leading to less demand for air conditioningâ€”that is, fewer cooling degree days.</p>

					<p>Data source: NOAA, 2016<sup><a href="#ref5">5</a></sup><br /><em>Web update: </em><em>AugustÂ </em><em>2016</em></p>
				</div>
			</li>
		</ul></div>
</div>

<div class="row cols-3" id="navigation">
	<div class="col">
		<table class="nostyle"><thead><tr><th>Â </th>
				</tr></thead><tbody><tr><td style="vertical-align:top"><a href="# " id="nav1-tmb"><span
    class="figure image file file-image file-image-png center view-mode-teaser" style="width:160px;"><img alt="Line graph showing the average number of heating and cooling degree days per year across the contiguous 48 states from 1895 to 2015." title="Heating and Cooling Degree Days in the Contiguous 48 States, 1895â€“2015" height="112" width="160" class="center media-element file-teaser center" typeof="foaf:Image" src="/sites/production/files/styles/small/public/2016-07/heating-cooling-thumb1-2016.png" /></span></a></td>
				</tr><tr><td style="vertical-align:top"><a href="# " id="nav1"><small><b>Figure 1.</b> Heating and Cooling Degree Days in the Contiguous 48 States, 1895â€“2015</small></a></td>
				</tr></tbody></table></div>

	<div class="col">
		<table class="nostyle"><thead><tr><th>Â </th>
				</tr></thead><tbody><tr><td style="vertical-align:top"><a href="# " id="nav2-tmb"><span
    class="figure image file file-image file-image-png center view-mode-teaser" style="width:160px;"><img alt="Map showing how the average number of heating degree days per year has changed in each of the contiguous 48 states over time. The map was created by comparing two time periods: 1895â€“1954 and 1955â€“2015." title="Change in Annual Heating Degree Days by State, 1955â€“2015 Versus 1895â€“1954" height="112" width="160" class="center media-element file-teaser center" typeof="foaf:Image" src="/sites/production/files/styles/small/public/2016-07/heating-cooling-thumb2-2016.png" /></span></a></td>
				</tr><tr><td style="vertical-align:top"><a href="# " id="nav2"><small><b>Figure 2.</b> Change in Annual Heating Degree Days by State, 1955â€“2015 Versus 1895â€“1954</small></a></td>
				</tr></tbody></table></div>

	<div class="col">
		<table class="nostyle"><thead><tr><th>Â </th>
				</tr></thead><tbody><tr><td style="vertical-align:top"><a href="# " id="nav3-tmb"><span
    class="figure image file file-image file-image-png center view-mode-teaser" style="width:160px;"><img alt="Map showing how the average number of cooling degree days per year has changed in each of the contiguous 48 states over time. The map was created by comparing two time periods: 1895â€“1954 and 1955â€“2015." title="Change in Annual Cooling Degree Days by State, 1955â€“2015 Versus 1895â€“1954" height="112" width="160" class="center media-element file-teaser center" typeof="foaf:Image" src="/sites/production/files/styles/small/public/2016-07/heating-cooling-thumb3-2016.png" /></span></a></td>
				</tr><tr><td style="vertical-align:top"><a href="# " id="nav3"><small><b>Figure 3.</b> Change in Annual Cooling Degree Days by State, 1955â€“2015 Versus 1895â€“1954</small></a></td>
				</tr></tbody></table></div>
</div>
</div>
  </div>

  
  
</div>


<div class="panel-pane pane-fieldable-panels-pane pane-vid-121673 pane-bundle-fieldable-panels-pane pane-fpid-9429" >

  
  
  
  
  
  <div class="pane-content">
    <div id="tabs">
	<ul class="tabs" id="tabsnav"><li><a class="menu-internal" href="#tab-1"><small>Â <br />Key Points</small></a></li>
		<li><a class="menu-internal" href="#tab-2"><small>Â <br />Background</small></a></li>
		<li><a class="menu-internal" href="#tab-3"><small>About the<br />Indicator</small></a></li>
		<li><a class="menu-internal" href="#tab-4"><small>Â <br />Indicator Notes</small></a></li>
		<li><a class="menu-internal" href="#tab-5"><small>Â <br />Data Sources</small></a></li>
		<li><a class="menu-internal" href="#tab-6"><small>Technical<br />Documentation</small></a></li>
	</ul><div id="tab-1">
		<h3>Key Points</h3>

		<ul><li>Heating degree days have declined in the contiguous United States, particularly in recent years, as the climate has warmed (see Figure 1). This change suggests that heating needs have decreased overall.<br />
				Â </li>
			<li>Overall, cooling degree days have increased over the past 100 years. The increase is most noticeable over the past few decades, suggesting that air conditioning energy demand has also been increasing recently (see Figure 1).<br />
				Â </li>
			<li>Heating degree days have generally decreased and cooling degree days have generally increased throughout the North and West. The Southeast, with the exception of Florida, has seen the opposite: more heating degree days and fewer cooling degree days (see Figures 2 and 3).Â </li>
		</ul></div>

	<div id="tab-2">
		<h3>Background</h3>

		<p>Outdoor temperatures can affect daily life in many ways. In particular, temperature affects our comfort level and our demand for heating and air conditioning. Collectively, heating and cooling the spaces in which we live accounts for 48 percent of the energy that American households use every year.<a href="#ref1"><sup>1</sup></a>Â As climate change contributes to an increase in average temperatures, an increase in unusually hot days, and a decrease in unusually cold days (see the <a href="/climate-indicators/climate-change-indicators-us-and-global-temperature">U.S. and Global Temperature</a> and <a href="/climate-indicators/climate-change-indicators-high-and-low-temperatures">High and Low Temperatures</a> indicators), the overall demand for heating is expected to decline and the demand for cooling is expected to increase.</p>

		<p>One way to measure the influence of temperature change on energy demand is using heating and cooling degree days, which measure the difference between outdoor temperatures and a temperature that people generally find comfortable indoors. These measurements suggest how much energy people might need to use to heat and cool their homes and workplaces, thus providing a sense of how climate change could affect peopleâ€™s daily lives and finances.</p>
	</div>

	<div id="tab-3">
		<h3>About the Indicator</h3>

		<p>This indicator uses daily temperature data from thousands of weather stations across the United States to calculate heating and cooling degree days. A â€œdegree dayâ€? is determined by comparing the daily average outdoor temperature with a defined baseline temperature for indoor comfort (in this case, 65Â°F). For example, if the average temperature on a particular day is 78Â°F, then that day counts as 13 cooling degree days, as a buildingâ€™s interior would need to be cooled by 13Â°F to reach 65Â°F. Conversely, if the average outdoor temperature is 34Â°F, then that day counts as 31 heating degree days, as a buildingâ€™s interior would need to be warmed by 31Â°F to reach 65Â°F. This does not mean that all people will actually heat or cool buildings to 65Â°F; it is just a number to allow for consistent comparisons over time and across the country. For reference, New York City experiences far more heating degree days than cooling degree days per yearâ€”a reflection of the relatively cool climate in the Northeastâ€”while Houston, Texas, has far more cooling degree days than heating degree daysâ€”a reflection of the much warmer climate in the South.<a href="#ref2"><sup>2</sup></a></p>

		<p>Figure 1 shows each yearâ€™s average heating and cooling degree days across the contiguous 48 states. Figures 2 and 3 show how heating and cooling degree days have changed by state, based on a comparison of the first 60 years of available data (1895â€“1954) with the most recent 61 years (1955â€“2015). State and national averages were calculated by finding the total number of heating and cooling degree days per year at each weather station, averaging the results from all stations within regions called climate divisions (each state within the contiguous 48 has up to 10 climate divisions), then calculating state and national averages weighted by the population of each climate division. With this population-weighting approach, average state and national heating and cooling degree days more closely reflect the conditions that the average resident would experience.</p>
	</div>

	<div id="tab-4">
		<h3>Indicator Notes</h3>

		<p>Heating and cooling degree days suggest how temperature changes affect energy demand, but they do not necessarily reflect actual energy use. Many other factors have influenced energy demand over time, such as more energy-efficient heating systems, the introduction and increasingly widespread use of cooling technologies, larger but better-insulated homes, behavior change, and population shifts (such as more people moving to warmer regions). All of the population-weighting in this indicator is based on the population distribution according to the 2010 U.S. Census, so any changes in heating and cooling degree days over time in this indicator reflect actual changes in the climate, not the influence of shifting populations. A nationally applied baselineâ€”in this case, 65Â°Fâ€”has certain limitations considering the various climate regimes across the United States.</p>
	</div>

	<div id="tab-5">
		<h3>Data Sources</h3>

		<p>The data for this indicator were provided by the National Oceanic and Atmospheric Administrationâ€™s National Centers for Environmental Information, which maintains a large collection of climate data online at: <a href="https://www.ncei.noaa.gov/">www.ncei.noaa.gov</a>.</p>
	</div>

	<div id="tab-6">
		<h3>Technical Documentation</h3>

		<ul><li><a href="/climate-indicators/downloads-indicators-technical-documentation">Download related technical information PDF</a></li>
		</ul></div>
</div>

<hr /><h3>References</h3>

<p><small><sup><a id="ref1" name="ref1"></a>1 </sup>EIA (Energy Information Administration). 2015. 2009 Residential energy consumption survey. Accessed May 2015. <a href="http://www.eia.gov/consumption/residential/index.cfm">www.eia.gov/consumption/residential/index.cfm</a>.</small></p>

<p><small><sup><a id="ref2" name="ref2"></a>2 </sup>NOAA (National Oceanic and Atmospheric Administration). 2015. 1981-2010 U.S. climate normals. Accessed May 2015. <a href="http://www.ncdc.noaa.gov/data-access/land-based-station-data/land-based-datasets/climate-normals/1981-2010-normals-data">www.ncdc.noaa.gov/data-access/land-based-station-data/land-based-datasets/climate-normals/1981-2010-normals-data</a>.</small></p>

<p><small><sup><a id="ref3" name="ref3"></a>3 </sup>NOAA (National Oceanic and Atmospheric Administration). 2016. National Centers for Environmental Information. Accessed January 2016. <a href="https://www.ncei.noaa.gov/">www.ncei.noaa.gov</a>.</small></p>

<p><small><sup><a id="ref4" name="ref4"></a>4 </sup>NOAA (National Oceanic and Atmospheric Administration). 2016. National Centers for Environmental Information. Accessed January 2016. <a href="https://www.ncei.noaa.gov/">www.ncei.noaa.gov</a>.</small></p>

<p><small><sup><a id="ref5" name="ref5"></a>5 </sup>NOAA (National Oceanic and Atmospheric Administration). 2016. National Centers for Environmental Information. Accessed January 2016. <a href="https://www.ncei.noaa.gov/">www.ncei.noaa.gov</a>.</small></p>

<hr /><p><a href="/climate-indicators/printer-friendly-pdf-downloads-indicator-text-and-figures">Printer-friendly PDF of all text and figures</a></p>
  </div>

  
  
</div>


<div class="panel-pane pane-fieldable-panels-pane pane-fpid-13539 pane-bundle-fieldable-panels-pane" >

  
  
  
  
  
  <div class="pane-content">
    <h3>Learn about other indicators in this section</h3>

<p><a href="/climate-indicators/climate-change-indicators-heat-related-deaths"><span
    class="figure image file file-image file-image-png inline view-mode-teaser" style="width:160px;"><img alt="Heat-Related Deaths" height="130" width="160" class="inline media-element file-teaser inline" typeof="foaf:Image" src="/sites/production/files/styles/small/public/2016-07/heat-deaths-landing-thumb-2016.png" title="" /></span></a>Â <a href="/climate-indicators/heat-related-illnesses"><span
    class="figure image file file-image file-image-png inline view-mode-teaser" style="width:160px;"><img alt="Heat-Related Illnesses" height="130" width="160" class="inline media-element file-teaser inline" typeof="foaf:Image" src="/sites/production/files/styles/small/public/2016-07/heat-illness-landing-thumb-2016.png" title="" /></span></a>Â <a href="/climate-indicators/climate-change-indicators-heating-and-cooling-degree-days"><span
    class="figure image file file-image file-image-png inline view-mode-teaser" style="width:160px;"><img alt="Heating and Cooling Degree Days" height="130" width="160" class="inline media-element file-teaser inline" typeof="foaf:Image" src="/sites/production/files/styles/small/public/2016-07/heating-cooling-landing-thumb-2016.png" title="" /></span></a>Â <a href="/climate-indicators/climate-change-indicators-lyme-disease"><span
    class="figure image file file-image file-image-png inline view-mode-teaser" style="width:160px;"><img alt="Lyme Disease" height="130" width="160" class="inline media-element file-teaser inline" typeof="foaf:Image" src="/sites/production/files/styles/small/public/2016-07/lyme-landing-thumb-2016.png" title="" /></span></a>Â <a href="/climate-indicators/climate-change-indicators-west-nile-virus"><span
    class="figure image file file-image file-image-png inline view-mode-teaser" style="width:160px;"><img alt="West Nile Virus" height="130" width="160" class="inline media-element file-teaser inline" typeof="foaf:Image" src="/sites/production/files/styles/small/public/2016-07/west-nile-landing-thumb-2016.png" title="" /></span></a>Â <a href="/climate-indicators/climate-change-indicators-length-growing-season"><span
    class="figure image file file-image file-image-png inline view-mode-teaser" style="width:160px;"><img alt="Length of Growing Season" height="130" width="160" class="inline media-element file-teaser inline" typeof="foaf:Image" src="/sites/production/files/styles/small/public/2016-07/growing-season-landing-thumb-2016.png" title="" /></span></a>Â <a href="/climate-indicators/climate-change-indicators-ragweed-pollen-season"><span
    class="figure image file file-image file-image-png inline view-mode-teaser" style="width:160px;"><img alt="Ragweed Pollen Season" height="130" width="160" class="inline media-element file-teaser inline" typeof="foaf:Image" src="/sites/production/files/styles/small/public/2016-07/ragweed-landing-thumb-2016.png" title="" /></span></a></p>
  </div>

  
  
</div>

<div id="block-pane-epa-web-area-footer" class="block block-pane  block-pane-epa-web-area-footer">
  
  
  
  
    
</div>
  
    
      </div>
  
  
  <div class="region-sidebar-first region-sidebar">  <div id="block-og-menu-og-single-menu-block" class="block block-og-menu  block-og-menu-og-single-menu-block">

      <h2 class="element-invisible">Climate Indicators</h2>
  
  
    <ul class="menu"><li class="menu-item"><a href="/climate-indicators" title="" class="menu-node-unpublished menu-link">Climate Change Indicators</a></li>
<li class="menu-item"><a href="/climate-indicators/greenhouse-gases" class="menu-node-unpublished menu-link">Greenhouse Gases</a></li>
<li class="menu-item"><a href="/climate-indicators/weather-climate" class="menu-node-unpublished menu-link">Weather and Climate</a></li>
<li class="menu-item"><a href="/climate-indicators/oceans" class="menu-node-unpublished menu-link">Oceans</a></li>
<li class="menu-item"><a href="/climate-indicators/snow-ice" class="menu-node-unpublished menu-link">Snow and Ice</a></li>
<li class="active-trail menu-item"><a href="/climate-indicators/health-society" class="menu-node-unpublished active-trail menu-link">Health and Society</a><ul class="menu"><li class="menu-item"><a href="/climate-indicators/climate-change-indicators-heat-related-deaths" class="menu-node-unpublished menu-link">Heat-Related Deaths</a></li>
<li class="menu-item"><a href="/climate-indicators/heat-related-illnesses" class="menu-node-unpublished menu-link">Heat-Related Illnesses</a></li>
<li class="active-trail menu-item"><a href="/climate-indicators/climate-change-indicators-heating-and-cooling-degree-days" class="menu-node-unpublished active-trail menu-link active">Heating and Cooling Degree Days</a></li>
<li class="menu-item"><a href="/climate-indicators/climate-change-indicators-lyme-disease" class="menu-node-unpublished menu-link">Lyme Disease</a></li>
<li class="menu-item"><a href="/climate-indicators/climate-change-indicators-west-nile-virus" class="menu-node-unpublished menu-link">West Nile Virus</a></li>
<li class="menu-item"><a href="/climate-indicators/climate-change-indicators-length-growing-season" class="menu-node-unpublished menu-link">Length of Growing Season</a></li>
<li class="menu-item"><a href="/climate-indicators/climate-change-indicators-ragweed-pollen-season" class="menu-node-unpublished menu-link">Ragweed Pollen Season</a></li>
</ul></li>
<li class="menu-item"><a href="/climate-indicators/ecosystems" class="menu-node-unpublished menu-link">Ecosystems</a></li>
<li class="menu-item"><a href="/climate-indicators/frequent-questions-about-climate-change-indicators" class="menu-node-unpublished menu-link">Frequent Questions</a></li>
</ul>  
</div>
  </div>
</section>




 
  <div id="brand-footer"></div>
 <script type="text/javascript" src="/sites/production/files/js/js_LcFRnnSHVah-Aw_WQ8aVLXhp3HPJvrOe4h6YEXA5BT8.js"></script>
<script type="text/javascript" src="/sites/production/files/js/js_oZD9-WvfiElJ5KPavqu9ZAQiZcfWlzNCzxFHpedR9dI.js"></script>

<script type="text/javascript" src="/sites/production/files/js/js_slEmfY49PYt03JJafrjvmxmEfVQE7vqI-454V7NM5ys.js"></script>
<script type="text/javascript" src="/sites/all/modules/custom/epa_core/js/alert.js?ok0rem"></script>
<script type="text/javascript" src="/sites/production/files/js/js_cjmkhjdYj9qyv8rH-ylGyD-SIMacZ-dzdqW9m8x_TEc.js"></script>

<script type="text/javascript" src="/sites/production/files/js/js_UG00nMwTXcewn_yu8c3s7Bgbxmhbdk0BE1GwQLAuoQU.js"></script>
<script type="text/javascript" src="/sites/production/files/js/js_CaVFOiO3QpcJYEzSDhR3RmEeSnMbgnImgh5uEDkDD_0.js"></script>

<script src="/sites/all/libraries/cycle/jquery.cycle2.min.js"></script>
<script>var indicatorIndex = 2;</script>
<style>
#social-icons {
  float: right;
  width: 9%;
  padding-left: 2em;
}
#indicator-container {
  width: 90%;
}
#navigation {
  width: 94%;
}
#navigation td {
  padding:2px;
  margin:0px !important;
}
#navigation td small {
  padding:2px;
}
#active-indicator span {
  display: inline-block;
  position: relative;
  width: 24%;
  vertical-align: top;
}
#active-indicator img {
  width: 100%;
  vertical-align: top;
}
#active-indicator span:after {
  content:'\A';
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  background:rgba(0,0,0,0.6);
  opacity:1;
  transition: all 0.5s;;
  -webkit-transition: all 0.5s;
}
#active-indicator span:hover:after {
  opacity:0.5;
}
#slideshow { 
  height: 800px; 
}
label[for=img2], label[for=img3] {
  text-align: center;
}
</style>
<script>
jQuery(document).ready(function() {

  // iframe  
  var eventMethod = window.addEventListener ? "addEventListener" : "attachEvent";
  var eventer = window[eventMethod];
  var messageEvent = eventMethod == "attachEvent" ? "onmessage" : "message";

  // Listen to message from child window
  eventer(messageEvent,function(e) {
    // console.log('parent received message!:  ',e.data);

    // Get current slide, find iframe id, set that here.
    var $slideshow = jQuery('#slideshow');
    // var currentSlideIndex = $slideshow.data('cycle.opts').currSlide

    var $activeSlide = jQuery('.cycle-slide-active');
    var activeSlideId = $activeSlide.find('iframe').attr('id');
    var height = Number(e.data);
    if(height){
      document.getElementById(activeSlideId).height = height + 'px';  
    }
    
    $slideshow.resize();
  },false);

  // Tabs
  jQuery('#tabs > div').hide(); // hide all child divs
  jQuery('#tabs div:first').show(); // show first child dive
  jQuery('#tabsnav li:first').addClass('active');

  jQuery('.menu-internal').click(function(){
    jQuery('#tabsnav li').removeClass('active');
    var currentTab = jQuery(this).attr('href');
    jQuery('#tabsnav li a[href="' + currentTab + '" ]').parent().addClass('active');
    jQuery('#tabs > div').hide();
    jQuery(currentTab).show();
    return false;
  });

  // Create a bookmarkable tab link
  hash = window.location.hash;
  elements = jQuery('a[href="' + hash + '"]');
  // if there aren't any, then show the first tab;
  // Otherwise, scroll back to top (if needed) and open the tab in the hash
  if (elements.length === 0) { 
    jQuery("ul.tabs li:first").addClass("active").show(); //   
  } else { 
    jQuery('html,body').scrollTop(200); elements.click(); 
  } 


  // Slideshow
  var slideshow = jQuery("#slideshow"),
      navBtns       = ['nav1','nav2','nav3'],
      activeStyle   = {'border':'1px solid black'},
      inactiveStyle = {'border':'none'},
      $table;
        
  slideshow.cycle({
    loader: 'wait',
    paused: true,
    slides: 'li',
    fx: 'none',
    autoHeight: 'container',
    updateView: 1,
    log: false,
    height: '900px',
    timeout:0,
    speed:1
  });

  navBtns.forEach(function (element, index) {
    jQuery('a[id^=' + element + ']').click(function (e) {
      e.preventDefault();
      resetBorder(navBtns, inactiveStyle);
      $table = jQuery(this).closest('tbody');
      $table.css(activeStyle);
      slideshow.cycle('goto',index);
      console.log(element,index)
    });
  });

  jQuery('#nav1').trigger('click');

  slideshow.on('cycle-after',function(e,opts) {
    var $this = jQuery(this);
    var $activeSlide = $this.find('.cycle-slide-active');
    $activeSlide.css('z-index',200);   
  });

  // Overlay
  var $otherIndicatorsSection = jQuery('h3:contains("Learn about other indicators in this section")').parent();
  var $otherIndicatorsLinks = $otherIndicatorsSection.find('a');
  if(typeof indicatorIndex !== 'undefined') jQuery($otherIndicatorsLinks[indicatorIndex]).attr('id','active-indicator');                
});

function resetBorder(target,style){
  target.forEach(function (element, index) {
    $table = jQuery("a[id^=" + element + "]").closest('tbody');
    $table.css(style);
  });
}
</script>    </body>
</html>

