Climate.gov Home

<!DOCTYPE html> <html lang="en" dir="ltr" prefix="og: https://ogp.me/ns#" class="h-100"> <head> <title>Climate.gov Home</title> <meta charset="utf-8" /> <meta name="description" content="Science & information for a climate-smart nation" /> <meta name="geo.region" content="US" /> <link rel="canonical" href="http://www.climate.gov/" /> <meta name="robots" content="max-image-preview:standard" /> <link rel="shortlink" href="http://www.climate.gov/" /> <link rel="image_src" href="https://www.climate.gov/modules/weblyzard/wl_search_cgov/img/logo.png" /> <meta name="rating" content="general" /> <meta property="og:site_name" content="NOAA Climate.gov" /> <meta property="og:type" content="website" /> <meta property="og:url" content="http://www.climate.gov/" /> <meta property="og:title" content="Climate.gov Home" /> <meta property="og:description" content="Science & information for a climate-smart nation" /> <meta property="og:image" content="https://www.climate.gov/modules/weblyzard/wl_search_cgov/img/logo.png" /> <meta name="Generator" content="Drupal 10 (https://www.drupal.org)" /> <meta name="MobileOptimized" content="width" /> <meta name="HandheldFriendly" content="true" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_u33KfBJbpFQKohrYebFF_ySGhzVld7KpGYMeTktOYqc.css?delta=0&language=en&theme=climategov&include=eJxVjkEOwjAMBD8UNU-KnHQJASdGtoHC66GoCHqxdmYPXjrRklhohkb65cmPKjlDgz3M0WMmQyhMZo9d7jCjCgtFFHGIduL2XOvWyVHlFitLJg5YnNs4x1mvF-Jpw2BO3sxbsW_zM-HWcLf4uVOX-crYqXVwyHCHJiwXMczp0PiNFisG9P22tpH-xmwx3DkZSMsxlVXvMRXpXcYL2uJvwQ" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_x1HAfYW3V4ZtooWH-yulnHXW41ep5fvnpzRfgw-wcwY.css?delta=1&language=en&theme=climategov&include=eJxVjkEOwjAMBD8UNU-KnHQJASdGtoHC66GoCHqxdmYPXjrRklhohkb65cmPKjlDgz3M0WMmQyhMZo9d7jCjCgtFFHGIduL2XOvWyVHlFitLJg5YnNs4x1mvF-Jpw2BO3sxbsW_zM-HWcLf4uVOX-crYqXVwyHCHJiwXMczp0PiNFisG9P22tpH-xmwx3DkZSMsxlVXvMRXpXcYL2uJvwQ" /> <link rel="stylesheet" media="print" href="/sites/default/files/css/css_spn1EyGk1QlYg6LommGZRYV1YPLEve23vjYV_SoS8_w.css?delta=2&language=en&theme=climategov&include=eJxVjkEOwjAMBD8UNU-KnHQJASdGtoHC66GoCHqxdmYPXjrRklhohkb65cmPKjlDgz3M0WMmQyhMZo9d7jCjCgtFFHGIduL2XOvWyVHlFitLJg5YnNs4x1mvF-Jpw2BO3sxbsW_zM-HWcLf4uVOX-crYqXVwyHCHJiwXMczp0PiNFisG9P22tpH-xmwx3DkZSMsxlVXvMRXpXcYL2uJvwQ" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_gP7_sEb0oAOy9Vm9lM7ggqqhT987VWHOlfaQDoKb9gU.css?delta=3&language=en&theme=climategov&include=eJxVjkEOwjAMBD8UNU-KnHQJASdGtoHC66GoCHqxdmYPXjrRklhohkb65cmPKjlDgz3M0WMmQyhMZo9d7jCjCgtFFHGIduL2XOvWyVHlFitLJg5YnNs4x1mvF-Jpw2BO3sxbsW_zM-HWcLf4uVOX-crYqXVwyHCHJiwXMczp0PiNFisG9P22tpH-xmwx3DkZSMsxlVXvMRXpXcYL2uJvwQ" /> <meta name="robots" content="max-image-preview:large"> <meta property="fb:app_id" content="719743652466758"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&family=Source+Sans+3:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Cabin:wght@400;700&display=swap" rel="stylesheet"> <link rel="shortcut icon" href="https://www.climate.gov/favicon.ico" /> <link rel="apple-touch-icon" href="https://www.climate.gov/apple-touch-icon.png" /> <link rel="apple-touch-icon" sizes="57x57" href="https://www.climate.gov/apple-touch-icon-57x57.png"> <link rel="apple-touch-icon" sizes="72x72" href="https://www.climate.gov/apple-touch-icon-72x72.png"> <link rel="apple-touch-icon" sizes="152x152" href="https://www.climate.gov/apple-touch-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="https://www.climate.gov/apple-touch-icon-180x180.png"><script async src="https://www.googletagmanager.com/gtag/js?id=G-69P3KT57C3"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-69P3KT57C3'); </script> <script> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-MBVKGMW'); </script></head> <body class="path-frontpage page-node-type-landing-pages d-flex flex-column h-100"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MBVKGMW" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div class="global-wrapper"> <a href="#main-content" tabindex="-1" class="sr-only sr-only-focusable usa-skipnav">Skip to main content</a> <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas> <header class="usa-header usa-header-extended container-fluid px-0"><button class="usa-menu-btn">Menu</button> <nav id="primary-nav" class="usa-nav container"> <div class="usa-nav-inner container"><button class="usa-nav-close"><img src="/themes/custom/climategov/img/close.svg" alt="close"></button> <section class="region region-site-branding"> <div id="block-climategov-hiddenstyles" class="settings-tray-editable block block-block-content block-block-content1cda4829-37af-462b-84f6-3119b798e70c" data-drupal-settingstray="editable"> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p><style type="text/css">.region-breadcrumb, .alert[class*='mb-'] { margin-bottom: 0 !important; } .region-breadcrumb .breadcrumb li { font-family: "Source Sans 3", "Source Sans Pro", Arial, sans-serif; font-size: 14px; } .featured-content, h1[class*='--block-heading'], h2[class*='--block-heading'], h3[class*='--block-heading'], h4[class*='--block-heading'], h5[class*='--block-heading'], h6[class*='--block-heading'], .text-formatted h1, .text-formatted h2, .text-formatted h3, .text-formatted h4, .text-formatted h5, .text-formatted h6, h1 { margin-top: 0 !important; margin-bottom: 30px !important; } @media (max-width: 767px) { .featured-content, h1[class*='--block-heading'], h2[class*='--block-heading'], h3[class*='--block-heading'], h4[class*='--block-heading'], h5[class*='--block-heading'], h6[class*='--block-heading'], .text-formatted h1, .text-formatted h2, .text-formatted h3, .text-formatted h4, .text-formatted h5, .text-formatted h6, h1 { margin-bottom: 15px !important; } } /******* The base font size is 10px, which needs to be corrected *******/ h1, h2.style-as-h1, h3.style-as-h1, h4.style-as-h1, h5.style-as-h1, h6.style-as-h1 { font-size: clamp(2rem, 1.1372rem + 2.439vw, 4rem) !important; font-weight: 700 !important; line-height: 1.35 !important; } /***** h2, h1.style-as-h2, h3.style-as-h2, h4.style-as-h2, h5.style-as-h2, h6.style-as-h2 { font-size: clamp(1.8rem, 1.1372rem + 2.439vw, 3rem) !important; font-weight: 700 !important; line-height: 1.45 !important; } h3, h1.style-as-h3, h2.style-as-h3, h4.style-as-h3, h5.style-as-h3, h6.style-as-h3 { font-size: clamp(1.8rem, 1.1372rem + 2.439vw, 2.4rem) !important; font-weight: 700 !important; line-height: 1.55 !important; } *****/ [id=main-content] { padding-top: 30px !important; } [id=main-content] p { margin-top: 0 !important; margin-bottom: 30px !important; } .region-help { margin-top: 30px; } .region-help p { font-size: 15px; text-align: center; } .region-help .alert-danger p a { color: #721c24; text-decoration: underline; } .region-help .alert-danger p a:hover { text-decoration: none; } .region-help .alert-danger p:last-of-type { margin: 0; } [id=main-content] .text-formatted p a:not(.button-clg):not(.button-blue--open), [id=main-content] .text-formatted li a:not(.button-clg):not(.button-blue--open), [id=main-content] .usa-accordion p a:not(.button-clg):not(.button-blue--open), [id=main-content] .usa-accordion li a:not(.button-clg):not(.button-blue--open) { text-decoration: underline !important; } [id=main-content] .text-formatted p a:not(.button-clg):not(.button-blue--open):hover, [id=main-content] .text-formatted li a:not(.button-clg):not(.button-blue--open):hover, [id=main-content] .usa-accordion p a:not(.button-clg):not(.button-blue--open):hover, [id=main-content] .usa-accordion li a:not(.button-clg):not(.button-blue--open):hover { text-decoration: none !important; } [id=main-content] .text-formatted hr { margin-top: 30px !important; margin-bottom: 30px !important; border-top: 1px solid rgba(0, 0, 0, 0.15) !important; } .button-blue--open { padding: 8px 16px; background: transparent; border: 1px solid #0071bc !important; border-radius: 10px; color: #0071bc !important; font-weight: 600; text-decoration: none; line-height: normal !important; display: inline-block; transition: all 0.15s ease-out !important; } .button-blue--open:hover { background: #0071bc; color: white !important; text-decoration: none !important; } .featured-content__metadata, .featured-hero__metadata { margin-top: 8px; } .metadata__item--category:not(:first-of-type), .metadata__item--published:not(:first-of-type), .metadata__item--updated:not(:first-of-type), .metadata__item--comments:not(:first-of-type), .metadata__item--section:not(:first-of-type), .metadata__item--author:not(:first-of-type), .metadata__item--reviewer:not(:first-of-type), .metadata__item--source:not(:first-of-type) { margin-left: 18px; position: relative; } .metadata .metadata__item--inline:not(:first-of-type):before, .page--climate-data-primer .dataset__metadata--item .metadata__item--inline:not(:first-of-type):before { content: ""; width: 1px; height: 13px; padding: 0; background: rgba(0, 0, 0, 0.25); position: absolute; top: 2px; left: -11px; } figcaption, .figure__credit, .figure__caption, .field--name-field-media-caption { border-color: rgba(0, 0, 0, 0.15) !important; } figcaption p, .figure__credit p, .figure__caption p, .field--name-field-media-caption p { margin-top: 0 !important; margin-bottom: 15px !important; } figcaption p:last-of-type, .figure__credit p:last-of-type, .figure__caption p:last-of-type, .field--name-field-media-caption p:last-of-type { margin-bottom: 0 !important; } .top-50-50 { display: flex; } .top-50-50--text { flex: 0 0 50%; max-width: 50%; } .top-50-50--text p { margin-top: 0; } figure.align-left { max-width: 50%; margin-right: 30px !important; margin-bottom: 0 !important; } .field--name-field-media-caption { margin-bottom: 0 !important; padding-bottom: 0 !important; border: none !important; } .img-width-100 img, .img-width-100 figure img { width: 100%; } .img-width-75 img, .img-width-75 figure img { width: 75%; } .img-width-50 img, .img-width-50 figure img { width: 50%; } .ghg-news-item:not(:last-of-type) { margin-bottom: 30px; } .ghg-news-item h3, .ghg-news-item h4 { margin-bottom: 10px !important; } .ghg-news-item h3 a, .ghg-news-item h4 a { text-decoration: underline !important; } .ghg-news-item h3 a:hover, .ghg-news-item h4 a:hover { text-decoration: none !important; } .ghg-news-item p:last-of-type { margin: 0 !important; } .ghg-news-item--featured { margin-bottom: 30px; padding: 30px; border: 1px solid rgba(0, 0, 0, 0.15); } .ghg-news-item--featured img { margin: 0 auto; } .ghg-news-item--padding { padding: 0 30px; } .ghg-report-item { margin-bottom: 30px; padding-bottom: 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.075); } .ghg-report-item h3 { margin-bottom: 15px !important; } .ghg-report-item--last { padding-bottom: 0; border: none; } @media (max-width: 991px) { [id=main-content] { padding-top: 15px !important; } .region-help { margin-top: 15px; } [id=main-content] .text-formatted hr { margin-top: 15px !important; margin-bottom: 15px !important; } .ghg-news-item:not(:last-of-type) { margin-bottom: 15px; } .ghg-news-item--featured { margin-top: 15px; margin-bottom: 15px; padding: 15px; } .ghg-news-item--padding { padding: 0 15px; } .ghg-report-item { padding-bottom: 15px; } .ghg-news-item h3 a:hover, .ghg-news-item h4 a:hover, .region-help .alert-danger p a:hover, [id=main-content] .text-formatted p a:not(.button-clg):hover, [id=main-content] .text-formatted li a:not(.button-clg):hover, [id=main-content] .usa-accordion p a:not(.button-clg):hover, [id=main-content] .usa-accordion li a:not(.button-clg):hover { text-decoration: underline !important; } .top-50-50 { display: block; } .top-50-50--text { flex: 0 0 100%; max-width: 100%; } figure.align-left { width: 100%; max-width: 100%; margin-right: 0 !important; margin-bottom: 30px !important; } .img-width-75 img, .img-width-50 img, .img-width-75 figure img, .img-width-50 figure img { width: 100%; } .button-blue--open:hover { background: transparent; color: #0071bc !important; text-decoration: none !important; } } @media (min-width: 768px) { .usa-secondary-menu, .usa-sidebar-nav, .sidenav { padding-right: 0 !important; padding-left: 0 !important; } } .sidenav, .usa-sidebar-nav { top: 0; } [id=main-content] ul.usa-unstyled-list ul.menu.mt-0, [id=main-content] ul.usa-sidenav-list { border-top: 1px solid rgba(0, 0, 0, 0.15); } [id=main-content] ul.usa-unstyled-list ul.menu, [id=main-content] ul.usa-unstyled-list ul.menu li { list-style-type: none !important; list-style-image: none !important; margin: 0 !important; padding: 0 !important; } [id=main-content] ul.usa-unstyled-list ul.menu li a, [id=main-content] ul.usa-sidenav-list li a { padding: 12px 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.15) !important; display: block; transition: background 0.15s ease-out !important; } [id=main-content] ul.usa-unstyled-list ul.menu.mt-0 li a.is-active, [id=main-content] ul.usa-unstyled-list ul.menu.mt-0 > li.menu-item--expanded > a, [id=main-content] ul.usa-sidenav-list li a.usa-current { padding: 12px 15px 12px 11px; background: #f1f1f1; border-left: 4px solid #0071bc; } [id=main-content] ul.usa-unstyled-list ul.menu.mt-0 li ul.menu li a, [id=main-content] ul.usa-sidenav-list li ul.usa-sidenav-sub_list li a { padding: 12px 30px; } [id=main-content] ul.usa-unstyled-list ul.menu.mt-0 li ul.menu li a.is-active, [id=main-content] ul.usa-sidenav-list li ul.usa-sidenav-sub_list li a.usa-current { border-left: none; } [id=main-content] ul.usa-unstyled-list ul.menu > li, [id=main-content] ul.usa-sidenav-list > li { border: none; font-size: 1.5rem; } [id=main-content] nav.sidenav a:hover, [id=main-content] ul.usa-sidebar-nav a:hover, [id=main-content] ul.usa-sidenav-list li a:hover, [id=main-content] ul.usa-sidenav-list li a.usa-current:hover, [id=main-content] ul.usa-sidenav-list li a.usa-current { background: #f1f1f1; font-weight: 400 !important; } [id=main-content] .wl_search_cgov_radioLine { border: none; font-size: 1.5rem; } [id=main-content] .wl_search_cgov_radioLine a.linklabel { margin: 0 !important; padding: 12px 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.15) !important; color: black !important; } [id=main-content] .wl_search_cgov_radioLine a.linklabel.current { padding: 12px 15px 12px 11px; border-left: 4px solid #0071bc; } [id=main-content] .wl_search_cgov_radioLine a.linklabel:hover, [id=main-content] .wl_search_cgov_radioLine a.linklabel.current { background: #f1f1f1 !important; font-weight: 400 !important; text-decoration: none !important; } .node--unpublished { background: none !important; } </style></p> </div> </div> </section> <div class="site-branding"> <a href="/" accesskey="1" title="Home" rel="home" aria-label="Climate.gov" class="link" tabindex="1"> <div class="usa-logo row" id="logo"> <div class="col-1 col-sm-1 col-md-1 col-lg-3 col-xl-3 pl-0 pr-0 site-branding__logo logo-wrapper"> <img src="/themes/custom/climategov/images/noaa_logo_circle_72x72.svg" alt="Climate.gov" title="Climate.gov Home" class="logo" /> </div> <div class="col-11 col-sm-11 col-md-11 col-lg-9 col-xl-9 pl-0 text-wrapper"> <span class="site-branding__name usa-logo-text">Climate<small>.gov</small></span> <span class="site-branding__tagline usa-logo-tagline">Science & information for a climate-smart nation</span> </div> </div> </a> </div> <section class="region region-primary-menu"> <h2 class="visually-hidden" aria-hidden="true">Main Menu</h2> <nav id="block-mainmenu" class="settings-tray-editable usa-nav" data-drupal-settingstray="editable"> <ul class="usa-nav-primary usa-accordion"> <li class="usa-footer-primary-link"> <h4 class="visually-hidden">Main menu</h4> </li> <li class="menu-item menu-item--expanded dropdown"> <button class="usa-accordion-button usa-nav-link" aria-controls="megamenu-1" aria-expanded="false">News & Features</button> <ul class="usa-nav-submenu usa-megamenu usa-grid-full list-unstyled" id="megamenu-1" aria-hidden="true"> <li class="usa-megamenu-col"> <div class="container"> <div class="row"> <ul class="col-12 col-sm-12 col-md-12 col-lg-4 col-xl-4 list-unstyled pd-0 mt-0"> <li><a href="/news-features" class="sub-link item-1">Home</a></li> <li><a href="/news-features/all" class="sub-link item-2">All News & Features</a></li> <li><a href="/news-features/blogs" class="sub-link item-3">Blogs</a></li> <li><a href="/news-features/blogs/enso" class="sub-link item-4">ENSO Blog</a></li> <li><a href="/news-features/blogs/polar-vortex" class="sub-link item-5">Polar Vortex Blog</a></li> <li><a href="/news-features/blogs/beyond-data" class="sub-link item-6">Beyond the Data Blog</a></li> <li><a href="/news-features/climate-and" class="sub-link item-7">Climate And ...</a></li> <li><a href="/news-features/climate-case-studies" class="sub-link item-8">Climate Case Studies</a></li> </ul><ul class="col-12 col-sm-12 col-md-12 col-lg-4 col-xl-4 list-unstyled pd-0 mt-0"> <li><a href="/climatedashboard" class="sub-link item-9">Climate Dashboard</a></li> <li><a href="/news-features/event-tracker" class="sub-link item-10">Event Tracker</a></li> <li><a href="/news-features/climate-qa" class="sub-link item-11">Climate Q&A</a></li> <li><a href="/news-features/featured-images" class="sub-link item-12">Featured Images</a></li> <li><a href="/news-features/climate-tech" class="sub-link item-13">Climate Tech</a></li> <li><a href="/news-features/videos" class="sub-link item-14">Videos</a></li> <li><a href="/news-features/decision-makers-take-5" class="sub-link item-15">Decision Makers Take 5</a></li> <li><a href="/news-features/decision-makers-toolbox" class="sub-link item-16">Decision Makers Toolbox</a></li> </ul><ul class="col-12 col-sm-12 col-md-12 col-lg-4 col-xl-4 list-unstyled pd-0 mt-0"> <li><a href="/enso" class="sub-link item-17">El Niño & La Niña Page</a></li> <li><a href="/ghg" class="sub-link item-18">NOAA Greenhouse Gas</a></li> <li><a href="/news-features/features" class="sub-link item-19">Features</a></li> <li><a href="/news-features/news-research-highlights" class="sub-link item-20">News & Research Highlights</a></li> <li><a href="/news-features/understanding-climate" class="sub-link item-21">Understanding Climate</a></li> </ul> </div> <div class="row"> <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 pd-0 mt-0"> <hr class="bg-light" /> <h4 class="heading-4"><a href="/news-features">View News & Features section <i class="fa-solid fa-chevron-right" aria-hidden="true"></i></a></h4> </div> </div> </div></li> </ul> </li> <li class="menu-item menu-item--expanded dropdown"> <button class="usa-accordion-button usa-nav-link" aria-controls="megamenu-2" aria-expanded="false">Maps & Data</button> <ul class="usa-nav-submenu usa-megamenu usa-grid-full list-unstyled" id="megamenu-2" aria-hidden="true"> <li class="usa-megamenu-col"> <div class="container"> <div class="row"> <ul class="col-12 col-sm-12 col-md-12 col-lg-4 col-xl-4 list-unstyled pd-0 mt-0"> <li><a href="/maps-data" class="sub-link item-1">Home</a></li> <li><a href="/maps-data/all" class="sub-link item-2">All Maps & Data</a></li> <li><a href="/climatedashboard" class="sub-link item-3">Climate Dashboard</a></li> <li><a href="/maps-data/climate-data-primer" class="sub-link item-4">Climate Data Primer</a></li> <li><a href="/maps-data/data-snapshots" class="sub-link item-5">Data Snapshots</a></li> <li><a href="/maps-data/all?listingMain=datasetgallery" class="sub-link item-6">Dataset Gallery</a></li> <li><a href="/maps-data/tools-interactives" class="sub-link item-7">Tools & Interactives</a></li> </ul> </div> <div class="row"> <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 pd-0 mt-0"> <hr class="bg-light" /> <h4 class="heading-4"><a href="/maps-data">View Maps & Data section <i class="fa-solid fa-chevron-right" aria-hidden="true"></i></a></h4> </div> </div> </div></li> </ul> </li> <li class="menu-item menu-item--expanded dropdown"> <button class="usa-accordion-button usa-nav-link" aria-controls="megamenu-3" aria-expanded="false">Teaching Climate</button> <ul class="usa-nav-submenu usa-megamenu usa-grid-full list-unstyled" id="megamenu-3" aria-hidden="true"> <li class="usa-megamenu-col"> <div class="container"> <div class="row"> <ul class="col-12 col-sm-12 col-md-12 col-lg-4 col-xl-4 list-unstyled pd-0 mt-0"> <li><a href="/teaching" class="sub-link item-1">Home</a></li> <li><a href="/climatedashboard" class="sub-link item-2">Climate Dashboard</a></li> <li><a href="/teaching/all" class="sub-link item-3">All Teaching Climate</a></li> <li><a href="/teaching/activity" class="sub-link item-4">Activity</a></li> <li><a href="/teaching/curricula" class="sub-link item-5">Curricula</a></li> <li><a href="/teaching/demos-experiments" class="sub-link item-6">Demos & Experiments</a></li> <li><a href="/teaching/video" class="sub-link item-7">Video</a></li> <li><a href="/teaching/visualization" class="sub-link item-8">Visualization</a></li> </ul><ul class="col-12 col-sm-12 col-md-12 col-lg-4 col-xl-4 list-unstyled pd-0 mt-0"> <li><a href="/teaching/climate" class="sub-link item-9">Climate Literacy Guide</a></li> <li><a href="/teaching/energy" class="sub-link item-10">Teaching Energy</a></li> <li><a href="/teaching/toolbox" class="sub-link item-11">Toolbox for Climate & Energy</a></li> <li><a href="/teaching/partnership-with-clean-collection" class="sub-link item-12">Partnership with CLEAN collection</a></li> </ul> </div> <div class="row"> <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 pd-0 mt-0"> <hr class="bg-light" /> <h4 class="heading-4"><a href="/teaching">View Teaching Climate section <i class="fa-solid fa-chevron-right" aria-hidden="true"></i></a></h4> </div> </div> </div></li> </ul> </li> <li class="menu-item"> <a href="https://toolkit.climate.gov" class="main-link">Resilience Toolkit</a> </li> <li class="menu-item menu-item--expanded dropdown"> <button class="usa-accordion-button usa-nav-link" aria-controls="megamenu-5" aria-expanded="false">About</button> <ul class="usa-nav-submenu usa-megamenu usa-grid-full list-unstyled" id="megamenu-5" aria-hidden="true"> <li class="usa-megamenu-col"> <div class="container"> <div class="row"> <ul class="col-12 col-sm-12 col-md-12 col-lg-4 col-xl-4 list-unstyled pd-0 mt-0"> <li><a href="/about" class="sub-link item-1">About Us</a></li> <li><a href="/contact" class="sub-link item-2">Contact</a></li> <li><a href="/whats-new" class="sub-link item-3">What's New</a></li> <li><a href="/faqs" class="sub-link item-4">FAQs</a></li> <li><a href="/sitemap" class="sub-link item-5">Sitemap</a></li> </ul> </div> </div></li> </ul> </li> <div class="socialmedia-mobile d-lg-none d-xl-none"> <div class="socialmedia-list"> <ul class="socialmedia-list"> <li class="socialmedia-list__icon"><a id="fb_header" href="https://www.facebook.com/NOAAClimateGov?loc=header" class="facebook" target="_blank" title="Climate.gov on Facebook"><span class="sr-only">Facebook</span><i class="fa-brands fa-facebook" aria-hidden="true"></i></a></li> <li class="socialmedia-list__icon"><a id="twit_header" href="https://www.twitter.com/NOAAClimate?loc=header" class="twitter" target="_blank" title="Climate.gov on Twitter"><span class="sr-only">Twitter</span><i class="fa-brands fa-twitter" aria-hidden="true"></i></a></li> <li class="socialmedia-list__icon"><a id="insta_header" href="https://www.instagram.com/NOAAClimate?loc=header" class="instagram" target="_blank" title="Climate.gov on Instagram"><span class="sr-only">Instagram</span><i class="fa-brands fa-instagram" aria-hidden="true"></i></a></li> <li class="socialmedia-list__icon"><a id="yt_header" href="https://www.youtube.com/user/NOAAClimate?loc=header" class="youtube" target="_blank" title="Climate.gov on YouTube"><span class="sr-only">YouTube</span><i class="fa-brands fa-youtube" aria-hidden="true"></i></a></li> </ul></div> </div> </ul> </nav> </section> <div class="text-center socialmedia-search-bar"><div class="socialmedia-header d-none d-lg-block d-xl-block"> <div class="socialmedia-list"> <ul class="socialmedia-list"> <li class="socialmedia-list__icon"><a id="fb_header" href="https://www.facebook.com/NOAAClimateGov?loc=header" class="facebook" target="_blank" title="Climate.gov on Facebook"><span class="sr-only">Facebook</span><i class="fa-brands fa-facebook" aria-hidden="true"></i></a></li> <li class="socialmedia-list__icon"><a id="twit_header" href="https://www.twitter.com/NOAAClimate?loc=header" class="twitter" target="_blank" title="Climate.gov on Twitter"><span class="sr-only">Twitter</span><i class="fa-brands fa-twitter" aria-hidden="true"></i></a></li> <li class="socialmedia-list__icon"><a id="insta_header" href="https://www.instagram.com/NOAAClimate?loc=header" class="instagram" target="_blank" title="Climate.gov on Instagram"><span class="sr-only">Instagram</span><i class="fa-brands fa-instagram" aria-hidden="true"></i></a></li> <li class="socialmedia-list__icon"><a id="yt_header" href="https://www.youtube.com/user/NOAAClimate?loc=header" class="youtube" target="_blank" title="Climate.gov on YouTube"><span class="sr-only">YouTube</span><i class="fa-brands fa-youtube" aria-hidden="true"></i></a></li> </ul></div> </div> <form role="search" action="/search" method="get" class="usa-search usa-search-small inline-form search-form float-none" accept-charset="UTF-8"> <div class="wl_search_cgov_autocomplete_box"> <fieldset> <legend class="visually-hidden">Search</legend> <input id="search-field-small" type="search" name="query" placeholder="Search Climate.gov" tabindex="1" autocomplete="off" /> <button type="submit"><span class="usa-sr-only">Search</span><i class="fa-solid fa-magnifying-glass"></i></button> <div class="wl_search_cgov_autocomplete_result wl_search_cgov_autocomplete_result_small"></div> </fieldset> </div></form> <div class="wl-credit-label d-none d-lg-block d-xl-block">powered by <a href="https://www.weblyzard.com" tabindex="-1">webLyzard</a> technology</div> </div> </div></nav></header> <div class="page page--main page--homepage" id="page"> <main class="main" id="main-content" role="main"><div class="views-element-container"><div class="view view-hero-featured-frontpage view-id-hero_featured_frontpage view-display-id-block_1 js-view-dom-id-1933182346a94e54fbae284f81027fce734fb279d965f48a80aa1ae3843ea884"> <div class="view-content"> <section class="section section--hero-feature section--hero-feature--frontpage section--subsection"> <div class="hero-feature"> <div class="container"> <div class="row"> <div class="col-12 col-md-7"> <div class="featured-hero"> <div class="featured-hero__image"> <a class="link heading-1__link" href="http://www.climate.gov/news-features/featured-images/2000-intensity-and-size-western-us-droughts-have-been-dominated-heat"> <picture> <img class="img img--field-main-hero-image img--media" src="/sites/default/files/2024-11/rotator-western-drought-potential-evapotransporation-to-drought-700x467.jpg" alt="western drought temperature and precipitation influence map comparison rotator"> </picture> </a> </div> <div class="featured-hero__title"> <h1 class="heading-1"><a class="link heading-1__link" href="http://www.climate.gov/news-features/featured-images/2000-intensity-and-size-western-us-droughts-have-been-dominated-heat">Since 2000, the intensity and size of Western U.S. droughts have been dominated by heat, not lack of precipitation</a></h1> </div> <div class="featured-hero__metadata"> <div class="metadata"> <span class="metadata__item metadata__item--section metadata__item--inline"> <span class="inner"><a class="link" href="/news-features">News and Features</a> </span> </span> <span class="metadata__item metadata__item--published metadata__item--inline"><span class="inner">November 25, 2024</span></span> </div> </div> <div class="featured-hero__summary"> <p class="paragraph">Heat-driven drying is playing a larger role than low precipitation in 21st-century Western droughts.</p> </div> </div></div> <div class="col-12 col-md-5"> <div class="featured-content"> <div class="featured-content__list"> <div class="featured-content__heading"> <h3 class="heading-3 heading-3--block-heading">Featured</h3> </div> <div class="featured-content__list-items"> <div class="featured-content__item"> <div class="featured-content__title item-1"> <h4 class="heading-4"><a class="link heading-4__link" href="/news-features/featured-images/high-tide-art-x-climate-gallery">'High Tide' from the Art x Climate Gallery</a></h4> </div><div class="featured-content__metadata"> <div class="metadata metadata--featured-content"> <span class="metadata__item metadata__item--section metadata__item--inline"> <span class="inner"><a class="link" href="/news-features">News and Features</a> </span> </span> <span class="metadata__item metadata__item--published metadata__item--inline"> <span class="inner">November 22, 2024</span> </span> </div></div></div> <div class="featured-content__item"> <div class="featured-content__title item-2"> <h4 class="heading-4"><a class="link heading-4__link" href="/news-features/event-tracker/unusual-fire-risk-across-northeast-fall-2024">Unusual fire risk across the Northeast in fall of 2024</a></h4> </div><div class="featured-content__metadata"> <div class="metadata metadata--featured-content"> <span class="metadata__item metadata__item--section metadata__item--inline"> <span class="inner"><a class="link" href="/news-features">News and Features</a> </span> </span> <span class="metadata__item metadata__item--published metadata__item--inline"> <span class="inner">November 21, 2024</span> </span> </div></div></div> <div class="featured-content__item"> <div class="featured-content__title item-3"> <h4 class="heading-4"><a class="link heading-4__link" href="/news-features/featured-images/global-temperature-and-precipitation-october-2024">Global temperature and precipitation for October 2024</a></h4> </div><div class="featured-content__metadata"> <div class="metadata metadata--featured-content"> <span class="metadata__item metadata__item--section metadata__item--inline"> <span class="inner"><a class="link" href="/news-features">News and Features</a> </span> </span> <span class="metadata__item metadata__item--published metadata__item--inline"> <span class="inner">November 19, 2024</span> </span> </div></div></div> <div class="featured-content__item"> <div class="featured-content__title item-4"> <h4 class="heading-4"><a class="link heading-4__link" href="/news-features/featured-images/us-climate-summary-october-2024">U.S. climate summary for October 2024</a></h4> </div><div class="featured-content__metadata"> <div class="metadata metadata--featured-content"> <span class="metadata__item metadata__item--section metadata__item--inline"> <span class="inner"><a class="link" href="/news-features">News and Features</a> </span> </span> <span class="metadata__item metadata__item--published metadata__item--inline"> <span class="inner">November 18, 2024</span> </span> </div></div></div> <div class="featured-content__item"> <div class="featured-content__title item-5"> <h4 class="heading-4"><a class="link heading-4__link" href="/news-features/featured-images/droughts-edge-illuminated-art-x-climate-gallery">'Drought's Edge Illuminated' from the Art x Climate Gallery</a></h4> </div><div class="featured-content__metadata"> <div class="metadata metadata--featured-content"> <span class="metadata__item metadata__item--section metadata__item--inline"> <span class="inner"><a class="link" href="/news-features">News and Features</a> </span> </span> <span class="metadata__item metadata__item--published metadata__item--inline"> <span class="inner">November 15, 2024</span> </span> </div></div></div> <div class="featured-content__item"> <div class="featured-content__title item-6"> <h4 class="heading-4"><a class="link heading-4__link" href="/news-features/blogs/enso/november-2024-enso-update-ask-me-anything">November 2024 ENSO update: ask me anything</a></h4> </div><div class="featured-content__metadata"> <div class="metadata metadata--featured-content"> <span class="metadata__item metadata__item--section metadata__item--inline"> <span class="inner"><a class="link" href="/news-features">News and Features</a> </span> </span> <span class="metadata__item metadata__item--published metadata__item--inline"> <span class="inner">November 14, 2024</span> </span> </div></div></div> </div></div></div></div></div></div></div></section> </div> </div> </div> <div class="views-element-container"> <script src='/themes/custom/climategov/js/libs/plotly-2.18.0.min.js'></script> <section class="view view-global-climate-dashboard view-id-global_climate_dashboard view-display-id-indicators js-view-dom-id-c63fee5a1d4cdebd07b631162f11b8556fe800832992d8464a15f291121851ba section section--global-climate-dashboard section--panel" id="dashboard"> <div class="container" id="global-climate-dashboard"> <div class="row wrapper"> <div class="col-sm"> <h2 class="heading-2 section-title">Global Climate Dashboard</h2> </div> </div> <header class="row indicators-grid-header view-header"> <div class="col-sm"> <h3 class="heading-3">Tracking climate change and natural variability over time</h3> </div> </header> <div class="row view-filters"> <div class="col-sm"> <form class="views-exposed-form bef-exposed-form js-form-type- form-type- usa-form" data-drupal-selector="views-exposed-form-global-climate-dashboard-indicators" action="/climatedashboard" method="get" id="views-exposed-form-global-climate-dashboard-indicators" accept-charset="UTF-8"> <div class="form--inline clearfix"> <div class="js-form-item form-item js-form-type-select form-type-select js-form-item-indicator-id form-item-indicator-id"> <label for="edit-indicator-id">Sort by Indicator:</label> <select data-drupal-selector="edit-indicator-id" id="edit-indicator-id" name="indicator_id" class="form-select"> <option value="All">- Any -</option> <option value="10162" selected="selected">Climate Change</option> <option value="10163">Natural Variability</option> </select> </div> <div data-drupal-selector="edit-actions" class="form-actions js-form-wrapper form-wrapper" id="edit-actions"><input data-drupal-selector="edit-submit-global-climate-dashboard" type="submit" id="edit-submit-global-climate-dashboard" value="Apply" class="button js-form-submit form-submit form-item form-item__" /></div> </div> </form> </div> </div> <div class="global-climate-dashboard views-view-grid cols-4 clearfix"> <div class="row views-row views-view-grid cols-4 clearfix"> <div class="card col-12 col-sm-6 col-md-4 col-lg-3 my-2 my-sm-4"> <div class="card-text"> <h3 class="title card__title"> <a class="link card__link use-ajax" data-dialog-type="modal" data-dialog-options="{"title":""}" href="/maps-data/global-climate-dashboard/indicator?indicator_id=10162&page=0">Greenhouse Gases</a> </h3> </div> <div class="card-thumb"> <div id="graph-838703" class="js-plotly-plot"></div> <script> d3.csv('/sites/default/files/graphs/csv/graphdata-greenhousegases-2022.csv', function (err, rows) { function unpack(rows, key) { return rows.map(function (row) { return row[key]; }); }; var config = { responsive: true, displaylogo: false, staticPlot: true, scrollZoom: false, displayModeBar: false, }; // This code defines the reponsove layout of the graphs // based on the width. if (window.innerWidth > 575) { var layout = { responsive: true, autosize: true, showlegend: false, height: 85, width: 240, xaxis: { showticklabels: false }, yaxis: { showticklabels: false }, margin: { l: 10, t: 10, b: 6, r: 6 }, modeBarButtonsToRemove: [ 'zoom2d', 'autoScale2d', 'lasso', 'select' ], xaxis: { type: 'date', range: [1975-01-01, 2025-01-01], autorange: true, fixedrange: true, tickmode: 'auto', nticks: 11, //tick0: '1980-01-01', //dtick: 10 * 365.25 * 24 * 60 * 60 * 1000, autotick: true, zeroline: false, showticklabels: false, showgrid: true, gridcolor: '#f9f9f9', gridwidth: 2, showline: true, linecolor: '#efefef', linewidth: 2, mirror: true }, yaxis: { range: [0.0, 1.6], autorange: false, fixedrange: true, tickmode: 'linear', //nticks: 11, dtick: 0.32, tick0: 0, autotick: true, zeroline: false, showticklabels: false, showgrid: true, gridcolor: '#f9f9f9', gridwidth: 2, showline: true, linecolor: '#efefef', linewidth: 2, mirror: true, }, }; } else { var layout = { height: 173, width: 470, xaxis: { showticklabels: false }, yaxis: { showticklabels: false }, margin: { l: 10, t: 10, b: 6, r: 6 }, modeBarButtonsToRemove: [ 'zoom2d', 'autoScale2d', 'lasso', 'select' ], xaxis: { type: 'date', range: [1975-01-01, 2025-01-01], autorange: true, fixedrange: true, tickmode: 'auto', nticks: 11, //tick0: '1980-01-01', //dtick: 10 * 365.25 * 24 * 60 * 60 * 1000, autotick: true, zeroline: false, showticklabels: false, showgrid: true, gridcolor: '#f9f9f9', gridwidth: 2, showline: true, linecolor: '#efefef', linewidth: 2, mirror: true }, yaxis: { range: [0.0, 1.6], autorange: false, fixedrange: true, tickmode: 'linear', //nticks: 11, dtick: 0.32, tick0: 0, autotick: true, zeroline: false, showticklabels: false, showgrid: true, gridcolor: '#f9f9f9', gridwidth: 2, showline: true, linecolor: '#efefef', linewidth: 2, mirror: true, }, }; } var data1 = { x: unpack(rows, 'Year'), y: unpack(rows, 'GHGs'), type: 'scatter', name: '', marker: { color: '#ce1e4c' }, hovertemplate: '%{y:.2f}, %{x|%Y}', hoverlabel: { color: '#000000', bgcolor: '#ce1e4c', bordercolor: '#ffffff', align: 'left', font: { color: 'white', } }, }; data = [ data1 ]; Plotly.newPlot( 'graph-838703', data, layout, config ); // DEBUG // var str = JSON.stringify(data); // console.log(str); }); </script> </div> <div class="card-text pl-2 pt-2"> <div class="body card__body"> The heating influence of all human-produced greenhouse gases was 49 percent higher in 2022 than it was in 1990. </div> <hr> <div class="text-right"><a class="link card__link use-ajax" data-dialog-type="modal" data-dialog-options="{"title":""}" href="/maps-data/global-climate-dashboard/indicator?indicator_id=10162&page=0">Learn more <i class="fa fa-chevron-right small" aria-hidden="true"></i></a> </div> </div> </div> <div class="card col-12 col-sm-6 col-md-4 col-lg-3 my-2 my-sm-4"> <div class="card-text"> <h3 class="title card__title"> <a class="link card__link use-ajax" data-dialog-type="modal" data-dialog-options="{"title":""}" href="/maps-data/global-climate-dashboard/indicator?indicator_id=10162&page=1">Arctic Sea Ice</a> </h3> </div> <div class="card-thumb"> <div id="graph-838705" class="js-plotly-plot"></div> <script> d3.csv('/sites/default/files/graphs/csv/graphdata-arcticseaice-2024.csv', function (err, rows) { function unpack(rows, key) { return rows.map(function (row) { return row[key]; }); }; var config = { responsive: true, displaylogo: false, staticPlot: true, scrollZoom: false, displayModeBar: false, }; // This code defines the reponsove layout of the graphs // based on the width. if (window.innerWidth > 575) { var layout = { responsive: true, autosize: true, showlegend: false, height: 85, width: 240, xaxis: { showticklabels: false }, yaxis: { showticklabels: false }, margin: { l: 10, t: 10, b: 6, r: 6 }, modeBarButtonsToRemove: [ 'zoom2d', 'autoScale2d', 'lasso', 'select' ], xaxis: { title: false, type: 'date', showgrid: true, zeroline: false, range: [1975-01-01, 2025-01-01], autorange: true, fixedrange: false, tickmode: 'auto', nticks: 11, autotick: true, showticklabels: false, showgrid: true, gridcolor: '#f9f9f9', gridwidth: 2, showline: true, linecolor: '#efefef', linewidth: 2, mirror: true }, yaxis: { title: false, range: [0, 8], autotick: true, showgrid: true, zeroline: false, fixedrange: true, showticklabels: false, gridcolor: '#f9f9f9', gridwidth: 2, showline: true, linecolor: '#efefef', linewidth: 2, mirror: true }, }; } else { var layout = { height: 173, width: 470, xaxis: { showticklabels: false }, yaxis: { showticklabels: false }, margin: { l: 10, t: 10, b: 6, r: 6 }, modeBarButtonsToRemove: [ 'zoom2d', 'autoScale2d', 'lasso', 'select' ], xaxis: { title: false, type: 'date', showgrid: true, zeroline: false, range: [1975-01-01, 2025-01-01], autorange: true, fixedrange: false, tickmode: 'auto', nticks: 11, autotick: true, showticklabels: false, showgrid: true, gridcolor: '#f9f9f9', gridwidth: 2, showline: true, linecolor: '#efefef', linewidth: 2, mirror: true }, yaxis: { title: false, range: [0, 8], autotick: true, showgrid: true, zeroline: false, fixedrange: true, showticklabels: false, gridcolor: '#f9f9f9', gridwidth: 2, showline: true, linecolor: '#efefef', linewidth: 2, mirror: true }, }; } var data1 = { x: unpack(rows, 'Year'), y: unpack(rows, 'Sea Ice'), type: 'scatter', name: '', marker: { color: '#0c519c' }, hovertemplate: "%{y:.6} millions of km², %{x|%b %Y}" }; data = [ data1 ]; Plotly.newPlot( 'graph-838705', data, layout, config ); // DEBUG // var str = JSON.stringify(data); // console.log(str); }); </script> </div> <div class="card-text pl-2 pt-2"> <div class="body card__body"> Since 1979, the extent of ice covering the Arctic Ocean at the end of summer has shrunk by more than 40 percent. </div> <hr> <div class="text-right"><a class="link card__link use-ajax" data-dialog-type="modal" data-dialog-options="{"title":""}" href="/maps-data/global-climate-dashboard/indicator?indicator_id=10162&page=1">Learn more <i class="fa fa-chevron-right small" aria-hidden="true"></i></a> </div> </div> </div> <div class="card col-12 col-sm-6 col-md-4 col-lg-3 my-2 my-sm-4"> <div class="card-text"> <h3 class="title card__title"> <a class="link card__link use-ajax" data-dialog-type="modal" data-dialog-options="{"title":""}" href="/maps-data/global-climate-dashboard/indicator?indicator_id=10162&page=2">Carbon Dioxide</a> </h3> </div> <div class="card-thumb"> <div id="graph-838706" class="js-plotly-plot"></div> <script> d3.csv('/sites/default/files/graphs/csv/graphdata-C02-202410_0.csv', function (err, rows) { function unpack(rows, key) { return rows.map(function (row) { return row[key]; }); }; var config = { responsive: true, displaylogo: false, staticPlot: true, scrollZoom: false, displayModeBar: false, }; // This code defines the reponsove layout of the graphs // based on the width. if (window.innerWidth > 575) { var layout = { responsive: true, autosize: true, showlegend: false, height: 85, width: 240, xaxis: { showticklabels: false }, yaxis: { showticklabels: false }, margin: { l: 10, t: 10, b: 6, r: 6 }, modeBarButtonsToRemove: [ 'zoom2d', 'autoScale2d', 'lasso', 'select' ], showlegend: false, xaxis: { title: false, range: ['1955-01-01', '2025-01-01'], fixedrange: true, autorange: true, tickmode: 'auto', nticks: 8, autotick: true, showgrid: true, zeroline: false, showline: false, showticklabels: false, showgrid: true, gridcolor: '#f9f9f9', gridwidth: 2, showline: true, linecolor: '#efefef', linewidth: 2, mirror: true }, yaxis: { title: false, range: [0, 8], autorange: true, fixedrange: true, autotick: true, showgrid: true, zeroline: false, showline: false, showticklabels: false, gridcolor: '#f9f9f9', gridwidth: 2, showline: true, linecolor: '#efefef', linewidth: 2, mirror: true }, }; } else { var layout = { height: 173, width: 470, xaxis: { showticklabels: false }, yaxis: { showticklabels: false }, margin: { l: 10, t: 10, b: 6, r: 6 }, modeBarButtonsToRemove: [ 'zoom2d', 'autoScale2d', 'lasso', 'select' ], showlegend: false, xaxis: { title: false, range: ['1955-01-01', '2025-01-01'], fixedrange: true, autorange: true, tickmode: 'auto', nticks: 8, autotick: true, showgrid: true, zeroline: false, showline: false, showticklabels: false, showgrid: true, gridcolor: '#f9f9f9', gridwidth: 2, showline: true, linecolor: '#efefef', linewidth: 2, mirror: true }, yaxis: { title: false, range: [0, 8], autorange: true, fixedrange: true, autotick: true, showgrid: true, zeroline: false, showline: false, showticklabels: false, gridcolor: '#f9f9f9', gridwidth: 2, showline: true, linecolor: '#efefef', linewidth: 2, mirror: true }, }; } var data1 = { x: unpack(rows, 'Year'), y: unpack(rows, 'Interpolated'), type: 'scatter', name: '', marker: { color: '#BCBDDC' }, hoverlabel: { color: '#000000', bgcolor: '#BCBDDC', bordercolor: '#ffffff', align: 'left', font: { color: 'black', } }, textfont: { family: 'Source Sans 3, sans-serif', size: 13, }, hovertemplate: "%{y:.2f} ppm, %{x|%b %Y}<extra><\/extra>", }; var data2 = { x: unpack(rows, 'Year'), y: unpack(rows, '12 Month Rolling Avg'), type: 'scatter', name: 'AGGI', marker: { color: '#807DBA' }, hoverlabel: { color: '#000', bgcolor: '#807DBA', bordercolor: '#ffffff', align: 'left', font: { color: 'white', } }, textfont: { family: 'Source Sans 3, sans-serif', size: 13, }, hovertemplate: '%{y:.2f} ppm, 12-month avg<br>ending with %{x|%b %Y}<extra><\/extra>', }; data = [ data1, data2 ]; Plotly.newPlot( 'graph-838706', data, layout, config ); // DEBUG // var str = JSON.stringify(data); // console.log(str); }); </script> </div> <div class="card-text pl-2 pt-2"> <div class="body card__body"> Atmospheric carbon dioxide has risen more than 50 percent since people began burning fossil fuels for energy. </div> <hr> <div class="text-right"><a class="link card__link use-ajax" data-dialog-type="modal" data-dialog-options="{"title":""}" href="/maps-data/global-climate-dashboard/indicator?indicator_id=10162&page=2">Learn more <i class="fa fa-chevron-right small" aria-hidden="true"></i></a> </div> </div> </div> <div class="card col-12 col-sm-6 col-md-4 col-lg-3 my-2 my-sm-4"> <div class="card-text"> <h3 class="title card__title"> <a class="link card__link use-ajax" data-dialog-type="modal" data-dialog-options="{"title":""}" href="/maps-data/global-climate-dashboard/indicator?indicator_id=10162&page=3">Mountain Glaciers</a> </h3> </div> <div class="card-thumb"> <div id="graph-838704" class="js-plotly-plot"></div> <script> d3.csv('/sites/default/files/graphs/csv/graphdata-mountainglaciers-2023.csv', function (err, rows) { function unpack(rows, key) { return rows.map(function (row) { return row[key]; }); }; var config = { responsive: true, displaylogo: false, staticPlot: true, scrollZoom: false, displayModeBar: false, }; // This code defines the reponsove layout of the graphs // based on the width. if (window.innerWidth > 575) { var layout = { responsive: true, autosize: true, showlegend: false, height: 85, width: 240, xaxis: { showticklabels: false }, yaxis: { showticklabels: false }, margin: { l: 10, t: 10, b: 6, r: 6 }, modeBarButtonsToRemove: [ 'zoom2d', 'autoScale2d', 'lasso', 'select' ], xaxis: { type: 'date', range: [1970-01-01, 2025-01-01], fixedrange: true, autorange: true, tickmode: 'auto', nticks: 12, autotick: true, zeroline: false, showgrid: true, gridcolor: '#f9f9f9', gridwidth: 2, showline: true, linecolor: '#efefef', linewidth: 2, mirror: true, showticklabels: false }, yaxis: { range: [-30, 0], autorange: true, fixedrange: true, tickmode: 'linear', tick0: -30, dtick: 6, //nticks: 5, autotick: true, showticklabels: false, zeroline: false, showgrid: true, gridcolor: '#f9f9f9', gridwidth: 2, showline: true, linecolor: '#efefef', linewidth: 2, mirror: true, }, }; } else { var layout = { height: 173, width: 470, xaxis: { showticklabels: false }, yaxis: { showticklabels: false }, margin: { l: 10, t: 10, b: 6, r: 6 }, modeBarButtonsToRemove: [ 'zoom2d', 'autoScale2d', 'lasso', 'select' ], xaxis: { type: 'date', range: [1970-01-01, 2025-01-01], fixedrange: true, autorange: true, tickmode: 'auto', nticks: 12, autotick: true, zeroline: false, showgrid: true, gridcolor: '#f9f9f9', gridwidth: 2, showline: true, linecolor: '#efefef', linewidth: 2, mirror: true, showticklabels: false }, yaxis: { range: [-30, 0], autorange: true, fixedrange: true, tickmode: 'linear', tick0: -30, dtick: 6, //nticks: 5, autotick: true, showticklabels: false, zeroline: false, showgrid: true, gridcolor: '#f9f9f9', gridwidth: 2, showline: true, linecolor: '#efefef', linewidth: 2, mirror: true, }, }; } var data1 = { x: unpack(rows, 'Year'), y: unpack(rows, 'Meters of Water'), type: 'scatter', name: '', marker: { color: '#5DBDE8', }, hovertemplate: '%{y:.2f} meters of water, %{x|%Y}', hoverlabel: { color: '#000000', bgcolor: '#5DBDE8', bordercolor: '#ffffff', align: 'left', font: { color: 'white', } }, }; data = [ data1 ]; Plotly.newPlot( 'graph-838704', data, layout, config ); // DEBUG // var str = JSON.stringify(data); // console.log(str); }); </script> </div> <div class="card-text pl-2 pt-2"> <div class="body card__body"> The glaciers in a key reference network lost an average thickness of 94 feet between 1970 and 2023 (preliminary data). </div> <hr> <div class="text-right"><a class="link card__link use-ajax" data-dialog-type="modal" data-dialog-options="{"title":""}" href="/maps-data/global-climate-dashboard/indicator?indicator_id=10162&page=3">Learn more <i class="fa fa-chevron-right small" aria-hidden="true"></i></a> </div> </div> </div> </div> <div class="row views-row views-view-grid cols-4 clearfix"> <div class="card col-12 col-sm-6 col-md-4 col-lg-3 my-2 my-sm-4"> <div class="card-text"> <h3 class="title card__title"> <a class="link card__link use-ajax" data-dialog-type="modal" data-dialog-options="{"title":""}" href="/maps-data/global-climate-dashboard/indicator?indicator_id=10162&page=4">Ocean Heat</a> </h3> </div> <div class="card-thumb"> <div id="graph-838837" class="js-plotly-plot"></div> <script> d3.csv('/sites/default/files/graphs/csv/graphdata-oceanheat-202403.csv', function (err, rows) { function unpack(rows, key) { return rows.map(function (row) { return row[key]; }); }; var config = { responsive: true, displaylogo: false, staticPlot: true, scrollZoom: false, displayModeBar: false, }; // This code defines the reponsove layout of the graphs // based on the width. if (window.innerWidth > 575) { var layout = { responsive: true, autosize: true, showlegend: false, height: 85, width: 240, xaxis: { showticklabels: false }, yaxis: { showticklabels: false }, margin: { l: 10, t: 10, b: 6, r: 6 }, modeBarButtonsToRemove: [ 'zoom2d', 'autoScale2d', 'lasso', 'select' ], showlegend: false, xaxis: { type: 'date', range: [1955-01-01, 2023-03-01], autorange: true, fixedrange: true, tickmode: 'linear', tick0: 1955-01-01, dtick: 10 * 365.25 * 24 * 60 * 60 * 1000, //nticks: '100', autotick: true, showgrid: true, zeroline: false, showticklabels: false, gridcolor: '#f9f9f9', gridwidth: 2, showline: true, linecolor: '#efefef', linewidth: 2, mirror: true }, yaxis: { range: [-25, 25], autorange: false, fixedrange: true, tickmode: 'auto', nticks: 9, autotick: true, zeroline: false, showticklabels: false, showgrid: true, gridcolor: '#f9f9f9', gridwidth: 2, showline: true, linecolor: '#efefef', linewidth: 2, mirror: true }, }; } else { var layout = { height: 173, width: 470, xaxis: { showticklabels: false }, yaxis: { showticklabels: false }, margin: { l: 10, t: 10, b: 6, r: 6 }, modeBarButtonsToRemove: [ 'zoom2d', 'autoScale2d', 'lasso', 'select' ], showlegend: false, xaxis: { type: 'date', range: [1955-01-01, 2023-03-01], autorange: true, fixedrange: true, tickmode: 'linear', tick0: 1955-01-01, dtick: 10 * 365.25 * 24 * 60 * 60 * 1000, //nticks: '100', autotick: true, showgrid: true, zeroline: false, showticklabels: false, gridcolor: '#f9f9f9', gridwidth: 2, showline: true, linecolor: '#efefef', linewidth: 2, mirror: true }, yaxis: { range: [-25, 25], autorange: false, fixedrange: true, tickmode: 'auto', nticks: 9, autotick: true, zeroline: false, showticklabels: false, showgrid: true, gridcolor: '#f9f9f9', gridwidth: 2, showline: true, linecolor: '#efefef', linewidth: 2, mirror: true }, }; } var data1 = { x: unpack(rows, 'Year'), y: unpack(rows, 'Ocean Heat P'), customdata: unpack(rows, 'Season'), type: 'bar', name: '', direction: 'v', marker: { color: '#ec4532', // This line is an outline to allow zero values to at least show something on the graph line: { color: '#ec4532', width: 1 } }, hovertemplate: '%{y:.2f} x 10<sup>22<\/sup> Joules, %{customdata} %{x|%Y}', hoverlabel: { color: '#ffffff', bgcolor: '#ec4532', bordercolor: '#ffffff', align: 'left', font: { color: '#ffffff' }, }, }; var data2 = { x: unpack(rows, 'Year'), y: unpack(rows, 'Ocean Heat N'), customdata: unpack(rows, 'Season'), type: 'bar', name: '', direction: 'v', marker: { color: '#2f78d4', // This line is an outline to allow zero values to at least show something on the graph line: { color: '#2f78d4', width: 1 } }, hovertemplate: '%{y:.2f} x 10<sup>22<\/sup> Joules, %{customdata} %{x|%Y}', hoverlabel: { color: '#ffffff', bgcolor: '#2f78d4', bordercolor: '#ffffff', align: 'left', font: { color: '#ffffff' }, }, }; data = [ data1, data2 ]; Plotly.newPlot( 'graph-838837', data, layout, config ); // DEBUG // var str = JSON.stringify(data); // console.log(str); }); </script> </div> <div class="card-text pl-2 pt-2"> <div class="body card__body"> The ocean is storing 91% of the excess heat from global warming, causing sea level rise, ice shelf retreat, and stress on marine life. </div> <hr> <div class="text-right"><a class="link card__link use-ajax" data-dialog-type="modal" data-dialog-options="{"title":""}" href="/maps-data/global-climate-dashboard/indicator?indicator_id=10162&page=4">Learn more <i class="fa fa-chevron-right small" aria-hidden="true"></i></a> </div> </div> </div> <div class="card col-12 col-sm-6 col-md-4 col-lg-3 my-2 my-sm-4"> <div class="card-text"> <h3 class="title card__title"> <a class="link card__link use-ajax" data-dialog-type="modal" data-dialog-options="{"title":""}" href="/maps-data/global-climate-dashboard/indicator?indicator_id=10162&page=5">Sea Level</a> </h3> </div> <div class="card-thumb"> <div id="graph-838842" class="js-plotly-plot"></div> <script> d3.csv('/sites/default/files/graphs/csv/graphdata-sealevel-202407.csv', function (err, rows) { function unpack(rows, key) { return rows.map(function (row) { return row[key]; }); }; var config = { responsive: true, displaylogo: false, staticPlot: true, scrollZoom: false, displayModeBar: false, }; // This code defines the reponsove layout of the graphs // based on the width. if (window.innerWidth > 575) { var layout = { responsive: true, autosize: true, showlegend: false, height: 85, width: 240, xaxis: { showticklabels: false }, yaxis: { showticklabels: false }, margin: { l: 10, t: 10, b: 6, r: 6 }, modeBarButtonsToRemove: [ 'zoom2d', 'autoScale2d', 'lasso', 'select' ], showlegend: false, title: false, xaxis: { title: false, type: 'date', range: [1875-01-01, 2025-01-01], autorange: true, fixedrange: true, tickmode: 'auto', nticks: '10', autotick: true, zeroline: false, showticklabels: false, showgrid: true, gridcolor: '#f9f9f9', gridwidth: 2, zeroline: false, showline: true, linecolor: '#efefef', linewidth: 2, mirror: true }, yaxis: { title: false, range: [-250, 100], autorange: false, fixedrange: true, tickmode: 'linear', tick0: -250, dtick: 50, autotick: true, showticklabels: false, zeroline: false, showgrid: true, gridcolor: '#f9f9f9', gridwidth: 2, zeroline: false, showline: true, linecolor: '#efefef', linewidth: 2, mirror: true }, }; } else { var layout = { height: 173, width: 470, xaxis: { showticklabels: false }, yaxis: { showticklabels: false }, margin: { l: 10, t: 10, b: 6, r: 6 }, modeBarButtonsToRemove: [ 'zoom2d', 'autoScale2d', 'lasso', 'select' ], showlegend: false, title: false, xaxis: { title: false, type: 'date', range: [1875-01-01, 2025-01-01], autorange: true, fixedrange: true, tickmode: 'auto', nticks: '10', autotick: true, zeroline: false, showticklabels: false, showgrid: true, gridcolor: '#f9f9f9', gridwidth: 2, zeroline: false, showline: true, linecolor: '#efefef', linewidth: 2, mirror: true }, yaxis: { title: false, range: [-250, 100], autorange: false, fixedrange: true, tickmode: 'linear', tick0: -250, dtick: 50, autotick: true, showticklabels: false, zeroline: false, showgrid: true, gridcolor: '#f9f9f9', gridwidth: 2, zeroline: false, showline: true, linecolor: '#efefef', linewidth: 2, mirror: true }, }; } var data1 = { x: unpack(rows, 'Year'), y: unpack(rows, 'CW_2011'), text: unpack(rows, 'Date Range'), mode: 'lines', type: 'scatter', marker: { color: '#5C96BD' }, hovertemplate: '%{y:.2f} mm, %{text} %{x}<extra><\/extra>', hoverlabel: { color: '#000000', bgcolor: '#5C96BD', bordercolor: '#ffffff', align: 'left', font: { color: '#ffffff' }, }, }; var data2 = { x: unpack(rows, 'Year'), y: unpack(rows, 'UHSLC_FD'), text: unpack(rows, 'Date Range'), mode: 'lines', type: 'scatter', marker: { color: '#003C4D' }, hovertemplate: '%{y:.2f} mm, %{text} %{x}<extra><\/extra>', hoverlabel: { color: '#000000', bgcolor: '#003C4D', bordercolor: '#ffffff', align: 'left', font: { color: '#ffffff' }, }, }; data = [ data1, data2 ]; Plotly.newPlot( 'graph-838842', data, layout, config ); // DEBUG // var str = JSON.stringify(data); // console.log(str); }); </script> </div> <div class="card-text pl-2 pt-2"> <div class="body card__body"> Sea level has risen 8-9 inches since 1880, and the rate of increase has accelerated over the satellite era. </div> <hr> <div class="text-right"><a class="link card__link use-ajax" data-dialog-type="modal" data-dialog-options="{"title":""}" href="/maps-data/global-climate-dashboard/indicator?indicator_id=10162&page=5">Learn more <i class="fa fa-chevron-right small" aria-hidden="true"></i></a> </div> </div> </div> <div class="card col-12 col-sm-6 col-md-4 col-lg-3 my-2 my-sm-4"> <div class="card-text"> <h3 class="title card__title"> <a class="link card__link use-ajax" data-dialog-type="modal" data-dialog-options="{"title":""}" href="/maps-data/global-climate-dashboard/indicator?indicator_id=10162&page=6">Spring Snow</a> </h3> </div> <div class="card-thumb"> <div id="graph-838843" class="js-plotly-plot"></div> <script> d3.csv('/sites/default/files/graphs/csv/graphdata-springsnow-2024.csv', function (err, rows) { function unpack(rows, key) { return rows.map(function (row) { return row[key]; }); }; var config = { responsive: true, displaylogo: false, staticPlot: true, scrollZoom: false, displayModeBar: false, }; // This code defines the reponsove layout of the graphs // based on the width. if (window.innerWidth > 575) { var layout = { responsive: true, autosize: true, showlegend: false, height: 85, width: 240, xaxis: { showticklabels: false }, yaxis: { showticklabels: false }, margin: { l: 10, t: 10, b: 6, r: 6 }, modeBarButtonsToRemove: [ 'zoom2d', 'autoScale2d', 'lasso', 'select' ], showlegend: false, xaxis: { type: 'date', range: [1967-01-01, 2023-01-01], autorange: true, fixedrange: true, tickmode: 'auto', nticks: '8', autotick: true, showticklabels: false, showgrid: true, gridcolor: '#f9f9f9', gridwidth: 2, zeroline: false, showline: true, linecolor: '#efefef', linewidth: 2, mirror: true }, yaxis: { range: [-4.0, 4.0], autorange: false, fixedrange: true, tickmode: 'auto', nticks: 9, autotick: true, showticklabels: false, showgrid: true, gridcolor: '#f9f9f9', gridwidth: 2, zeroline: false, showline: true, linecolor: '#efefef', linewidth: 2, mirror: true }, }; } else { var layout = { height: 173, width: 470, xaxis: { showticklabels: false }, yaxis: { showticklabels: false }, margin: { l: 10, t: 10, b: 6, r: 6 }, modeBarButtonsToRemove: [ 'zoom2d', 'autoScale2d', 'lasso', 'select' ], showlegend: false, xaxis: { type: 'date', range: [1967-01-01, 2023-01-01], autorange: true, fixedrange: true, tickmode: 'auto', nticks: '8', autotick: true, showticklabels: false, showgrid: true, gridcolor: '#f9f9f9', gridwidth: 2, zeroline: false, showline: true, linecolor: '#efefef', linewidth: 2, mirror: true }, yaxis: { range: [-4.0, 4.0], autorange: false, fixedrange: true, tickmode: 'auto', nticks: 9, autotick: true, showticklabels: false, showgrid: true, gridcolor: '#f9f9f9', gridwidth: 2, zeroline: false, showline: true, linecolor: '#efefef', linewidth: 2, mirror: true }, }; } var data1 = { x: unpack(rows, 'Year'), y: unpack(rows, 'Snow Cover Anomaly P'), type: 'bar', orientation: 'v', name: '', marker: { color: '#81B8CB', // This line is an outline to allow zero values to be visible line: { color: '#81B8CB', width: 1 }, }, hovertemplate: '%{x|%Y}, %{y:.2f} million of km<sup>2<\/sup>', hoverlabel: { color: '#000000', bgcolor: '#81B8CB', bordercolor: '#ffffff', align: 'left', font: { color: '#ffffff', } }, }; var data2 = { x: unpack(rows, 'Year'), y: unpack(rows, 'Snow Cover Anomaly N'), type: 'bar', orientation: 'v', name: '', marker: { color: '#DCB284', // This line is an outline to allow zero values to be visible line: { color: '#DCB284', width: 1 }, }, hovertemplate: '%{x|%Y}, %{y:.2f} million of km<sup>2<\/sup>', hoverlabel: { color: '#000000', bgcolor: '#DCB284', bordercolor: '#ffffff', align: 'left', font: { color: '#ffffff', } }, }; data = [ data1, data2 ]; Plotly.newPlot( 'graph-838843', data, layout, config ); // DEBUG // var str = JSON.stringify(data); // console.log(str); }); </script> </div> <div class="card-text pl-2 pt-2"> <div class="body card__body"> Since the start of satellite observations in 1967, June snow cover has shrunk by 12.9 percent per decade. </div> <hr> <div class="text-right"><a class="link card__link use-ajax" data-dialog-type="modal" data-dialog-options="{"title":""}" href="/maps-data/global-climate-dashboard/indicator?indicator_id=10162&page=6">Learn more <i class="fa fa-chevron-right small" aria-hidden="true"></i></a> </div> </div> </div> <div class="card col-12 col-sm-6 col-md-4 col-lg-3 my-2 my-sm-4"> <div class="card-text"> <h3 class="title card__title"> <a class="link card__link use-ajax" data-dialog-type="modal" data-dialog-options="{"title":""}" href="/maps-data/global-climate-dashboard/indicator?indicator_id=10162&page=7">Incoming Sunlight</a> </h3> </div> <div class="card-thumb"> <div id="graph-838844" class="js-plotly-plot"></div> <script> d3.csv('/sites/default/files/graphs/csv/graphdata-incomingsunlight-2023.csv', function (err, rows) { function unpack(rows, key) { return rows.map(function (row) { return row[key]; }); }; var config = { responsive: true, displaylogo: false, staticPlot: true, scrollZoom: false, displayModeBar: false, }; // This code defines the reponsove layout of the graphs // based on the width. if (window.innerWidth > 575) { var layout = { responsive: true, autosize: true, showlegend: false, height: 85, width: 240, xaxis: { showticklabels: false }, yaxis: { showticklabels: false }, margin: { l: 10, t: 10, b: 6, r: 6 }, modeBarButtonsToRemove: [ 'zoom2d', 'autoScale2d', 'lasso', 'select' ], xaxis: { type: 'date', range: [1600, 2050], autorange: true, fixedrange: true, tickmode: 'auto', nticks: '14', zeroline: false, showgrid: true, gridcolor: '#f9f9f9', gridwidth: 2, showline: true, linecolor: '#efefef', linewidth: 2, mirror: true, tickcolor: '#ffffff', }, yaxis: { range: [1357.0, 1365.0], autorange: false, fixedrange: true, tickmode: 'auto', nticks: '9', showticklabels: false, showgrid: true, gridcolor: '#f9f9f9', gridwidth: 2, zeroline: false, type: 'linear', showline: true, linecolor: '#efefef', linewidth: 2, mirror: true }, }; } else { var layout = { height: 173, width: 470, xaxis: { showticklabels: false }, yaxis: { showticklabels: false }, margin: { l: 10, t: 10, b: 6, r: 6 }, modeBarButtonsToRemove: [ 'zoom2d', 'autoScale2d', 'lasso', 'select' ], xaxis: { type: 'date', range: [1600, 2050], autorange: true, fixedrange: true, tickmode: 'auto', nticks: '14', zeroline: false, showgrid: true, gridcolor: '#f9f9f9', gridwidth: 2, showline: true, linecolor: '#efefef', linewidth: 2, mirror: true, tickcolor: '#ffffff', }, yaxis: { range: [1357.0, 1365.0], autorange: false, fixedrange: true, tickmode: 'auto', nticks: '9', showticklabels: false, showgrid: true, gridcolor: '#f9f9f9', gridwidth: 2, zeroline: false, type: 'linear', showline: true, linecolor: '#efefef', linewidth: 2, mirror: true }, }; } var data1 = { x: unpack(rows, 'Year'), y: unpack(rows, 'Irradiance'), type: 'scatter', mode: 'lines', name: '', marker: { color: '#FD7134', }, hovertemplate: "%{y:.2f} watts per m<sup>2<\/sup>, %{x|%Y}", hoverlabel: { color: '#ffffff', bgcolor: '#FD7134', bordercolor: '#ffffff', align: 'left', font: { color: 'white', }, }, }; data = [ data1 ]; Plotly.newPlot( 'graph-838844', data, layout, config ); // DEBUG // var str = JSON.stringify(data); // console.log(str); }); </script> </div> <div class="card-text pl-2 pt-2"> <div class="body card__body"> The sun’s brightness does vary over time, but no changes have occurred that are big enough to cause observed global warming. </div> <hr> <div class="text-right"><a class="link card__link use-ajax" data-dialog-type="modal" data-dialog-options="{"title":""}" href="/maps-data/global-climate-dashboard/indicator?indicator_id=10162&page=7">Learn more <i class="fa fa-chevron-right small" aria-hidden="true"></i></a> </div> </div> </div> </div> <div class="row views-row views-view-grid cols-4 clearfix"> <div class="card col-12 col-sm-6 col-md-4 col-lg-3 my-2 my-sm-4"> <div class="card-text"> <h3 class="title card__title"> <a class="link card__link use-ajax" data-dialog-type="modal" data-dialog-options="{"title":""}" href="/maps-data/global-climate-dashboard/indicator?indicator_id=10162&page=8">Surface Temperature</a> </h3> </div> <div class="card-thumb"> <div id="graph-838847" class="js-plotly-plot"></div> <script> d3.csv('/sites/default/files/graphs/csv/graphdata-surfacetemperature-2023_0.csv', function (err, rows) { function unpack(rows, key) { return rows.map(function (row) { return row[key]; }); }; var config = { responsive: true, displaylogo: false, staticPlot: true, scrollZoom: false, displayModeBar: false, }; // This code defines the reponsove layout of the graphs // based on the width. if (window.innerWidth > 575) { var layout = { responsive: true, autosize: true, showlegend: false, height: 85, width: 240, xaxis: { showticklabels: false }, yaxis: { showticklabels: false }, margin: { l: 10, t: 10, b: 6, r: 6 }, modeBarButtonsToRemove: [ 'zoom2d', 'autoScale2d', 'lasso', 'select' ], barmode: 'stack', xaxis: { type: 'date', range: [1870-01-01, 2030-01-01], autorange: true, fixedrange: true, tickmode: 'auto', nticks: 15, title: false, showticklabels: false, //tickmode: 'linear', //tick0: '1880-01-01', //dtick: 20 * 365.25 * 24 * 60 * 60 * 1000, zeroline: false, showgrid: true, gridcolor: '#f9f9f9', gridwidth: 2, showline: true, linecolor: '#efefef', linewidth: 2, mirror: true }, yaxis: { title: false, //type: 'linear', range: [-1.2, 1.2], autorange: false, fixedrange: true, tickmode: 'array', tickvals:['-1.2','-0.9','-0.6','-0.3','0','0.3','0.6','0.9','1.2'], //nticks: 9, showticklabels: false, zeroline: false, showgrid: true, gridcolor: '#f9f9f9', gridwidth: 2, showline: true, linecolor: '#efefef', linewidth: 2, mirror: true, }, }; } else { var layout = { height: 173, width: 470, xaxis: { showticklabels: false }, yaxis: { showticklabels: false }, margin: { l: 10, t: 10, b: 6, r: 6 }, modeBarButtonsToRemove: [ 'zoom2d', 'autoScale2d', 'lasso', 'select' ], barmode: 'stack', xaxis: { type: 'date', range: [1870-01-01, 2030-01-01], autorange: true, fixedrange: true, tickmode: 'auto', nticks: 15, title: false, showticklabels: false, //tickmode: 'linear', //tick0: '1880-01-01', //dtick: 20 * 365.25 * 24 * 60 * 60 * 1000, zeroline: false, showgrid: true, gridcolor: '#f9f9f9', gridwidth: 2, showline: true, linecolor: '#efefef', linewidth: 2, mirror: true }, yaxis: { title: false, //type: 'linear', range: [-1.2, 1.2], autorange: false, fixedrange: true, tickmode: 'array', tickvals:['-1.2','-0.9','-0.6','-0.3','0','0.3','0.6','0.9','1.2'], //nticks: 9, showticklabels: false, zeroline: false, showgrid: true, gridcolor: '#f9f9f9', gridwidth: 2, showline: true, linecolor: '#efefef', linewidth: 2, mirror: true, }, }; } var data1 = { x: unpack(rows, 'Year'), y: unpack(rows, 'Degrees Celsius P'), type: 'bar', orientation: 'v', name: '', marker: { color: '#B81A27', // This line is an outline to allow zero values to at least show something on the graph line: { color: '#B81A27', width: 1 } }, hovertemplate: '%{y} °C, %{x|%Y}', hoverlabel: { color: '#ffffff', bgcolor: '#B81A27', bordercolor: '#ffffff', align: 'left', font: { color: '#ffffff', } }, }; var data2 = { x: unpack(rows, 'Year'), y: unpack(rows, 'Degrees Celsius N'), type: 'bar', orientation: 'v', name: '', marker: { color: '#3E5BA8', // This line is an outline to allow zero values to at least show something on the graph line: { color: '#3E5BA8', width: 1 } }, hovertemplate: '%{y}°C, %{x|%Y}', hoverlabel: { color: '#ffffff', bgcolor: '#3E5BA8', bordercolor: '#ffffff', align: 'left', font: { color: '#ffffff', } }, }; data = [ data1, data2 ]; Plotly.newPlot( 'graph-838847', data, layout, config ); // DEBUG // var str = JSON.stringify(data); // console.log(str); }); </script> </div> <div class="card-text pl-2 pt-2"> <div class="body card__body"> Earth's temperature has risen 0.14 degrees F per decade since 1880. The rate of warming has more than doubled since 1981. </div> <hr> <div class="text-right"><a class="link card__link use-ajax" data-dialog-type="modal" data-dialog-options="{"title":""}" href="/maps-data/global-climate-dashboard/indicator?indicator_id=10162&page=8">Learn more <i class="fa fa-chevron-right small" aria-hidden="true"></i></a> </div> </div> </div> </div> </div> <div class="row view-all"> <div class="col-sm text-right text-md-right"> <a href="/maps-data/global-climate-dashboard" class="link d-inline-block mt-0">View all indicators</a> </div> </div> </div></section> </div> <section class="region region-content"> <div data-history-node-id="838087" class="node node--type-landing-pages node--view-mode-full"> <div class="node__content"> <section class="section section--popular-sections section--subsection"> <header class="section-header"> <div class="wrapper"> <h2 class="section-title">Popular Sections</h2> </div> </header> <div class="popular-sections popular-sections--main popular-sections--homepage"> <div class="container"> <div class="row popular-sections__row"> <div class="col-sm-12 col-md-3"> <div class="px-xs-1 px-sm-2 px-md-4"> <div class="card popular-sections__card"> <div class="card-thumb pb-4"> <a title="Read more about Data Snapshots" class="image" href="/maps-data/data-snapshots"><img src="/sites/default/files/2021-04/promo_datasnapshots_420x280.png" class="img img-responsive" alt="Image for Data Snapshots"></a> </div> <div class="card-text"> <h3 class="title card__title"><a class="link card__link" title="Read more about Data Snapshots" href="/maps-data/data-snapshots">Data Snapshots</a></h3> <p class="body card__body">Common U.S. and global climate maps for publication and presentation.</p> <a tabindex="0" title="Read more about Data Snapshots" class="link card__link" href="/maps-data/data-snapshots">Browse Data Snapshots</a> </div> </div> </div> </div> <div class="col-sm-12 col-md-3"> <div class="px-xs-1 px-sm-2 px-md-4"> <div class="card popular-sections__card"> <div class="card-thumb pb-4"> <a title="Read more about Event Tracker" class="image" href="/news-features/event-tracker"><img src="/sites/default/files/2021-04/promo_eventtracker_420x280.png" class="img img-responsive" alt="Image for Event Tracker"></a> </div> <div class="card-text"> <h3 class="title card__title"><a class="link card__link" title="Read more about Event Tracker" href="/news-features/event-tracker">Event Tracker</a></h3> <p class="body card__body">Stories and graphics explaining the climate behind the weather.</p> <a tabindex="0" title="Read more about Event Tracker" class="link card__link" href="/news-features/event-tracker">Explore Event Tracker</a> </div> </div> </div> </div> <div class="col-sm-12 col-md-3"> <div class="px-xs-1 px-sm-2 px-md-4"> <div class="card popular-sections__card"> <div class="card-thumb pb-4"> <a title="Read more about Climate Explorer" class="image" href="https://toolkit.climate.gov/#climate-explorer"><img src="/sites/default/files/2021-05/climate_explorer_screenshot_420.jpg" class="img img-responsive" alt="Image for Climate Explorer"></a> </div> <div class="card-text"> <h3 class="title card__title"><a class="link card__link" title="Read more about Climate Explorer" href="https://toolkit.climate.gov/#climate-explorer">Climate Explorer</a></h3> <p class="body card__body">Map and graph viewer for historical and projected county-level climate data.</p> <a tabindex="0" title="Read more about Climate Explorer" class="link card__link" href="https://toolkit.climate.gov/#climate-explorer">Launch Climate Explorer</a> </div> </div> </div> </div> <div class="col-sm-12 col-md-3"> <div class="px-xs-1 px-sm-2 px-md-4"> <div class="card popular-sections__card"> <div class="card-thumb pb-4"> <a title="Read more about Principles of Climate Literacy" class="image" href="/teaching/climate"><img src="/sites/default/files/2021-09/Climate-Literacy-cover_0.jpg" class="img img-responsive" alt="Image for Principles of Climate Literacy"></a> </div> <div class="card-text"> <h3 class="title card__title"><a class="link card__link" title="Read more about Principles of Climate Literacy" href="/teaching/climate">Principles of Climate Literacy</a></h3> <p class="body card__body">Educational framework for climate principles and concepts.</p> <a tabindex="0" title="Read more about Principles of Climate Literacy" class="link card__link" href="/teaching/climate">View Guides</a> </div> </div> </div> </div> </div> </div></div></section> <section class="section section--explore-climate section--subsection"> <header class="section-header"> <div class="wrapper"> <h2 class="section-title">Explore Climate.gov</h2> </div> </header> <div class="explore-climate explore-climate--homepage"> <div class="container"> <div class="row"> <div class="col-12"> <div class="explore-climate__headings row between-lg"> <a href="#" class="explore-climate__link col-12 col-sm-12 col-md-12 col-lg-3 col-xl-3 is-active" data-id="browse-news--features"> <div class="wrapper"> <span class="explore-climate__link-icon"><i class="fa fa-newspaper-o" aria-hidden="true"></i></span> <span class="explore-climate__link-title">Browse News & Features</span> </div> </a> <a href="#" class="explore-climate__link col-12 col-sm-12 col-md-12 col-lg-3 col-xl-3" data-id="explore-maps--data"> <div class="wrapper"> <span class="explore-climate__link-icon"><i class="fa fa-bar-chart" aria-hidden="true"></i></span> <span class="explore-climate__link-title">Explore Maps & Data</span> </div> </a> <a href="#" class="explore-climate__link col-12 col-sm-12 col-md-12 col-lg-3 col-xl-3" data-id="teach-climate"> <div class="wrapper"> <span class="explore-climate__link-icon"><i class="fa fa-globe" aria-hidden="true"></i></span> <span class="explore-climate__link-title">Teach Climate</span> </div> </a> <a href="#" class="explore-climate__link col-12 col-sm-12 col-md-12 col-lg-3 col-xl-3" data-id="build-resilience"> <div class="wrapper"> <span class="explore-climate__link-icon"><i class="fa fa-life-ring" aria-hidden="true"></i></span> <span class="explore-climate__link-title">Build Resilience</span> </div> </a> </div></div></div><div class="row"> <div class="col-12"> <article class="explore-climate__article is-active" id="browse-news--features"> <div class="row"> <div class="explore-climate__image col-12 col-md-6 order-last"> <a href="/news-features"> <img srcset="/sites/default/files/styles/width_320/public/2021-05/SurfaceTempTrail_700.jpg?itok=jepMptRr 320w, /sites/default/files/styles/width_480/public/2021-05/SurfaceTempTrail_700.jpg?itok=lPfyGf6Z 480w" sizes="(max-width: 784px) 320px, 480px" src="/sites/default/files/styles/width_480/public/2021-05/SurfaceTempTrail_700.jpg?itok=lPfyGf6Z" alt="some graphic image" typeof="foaf:Image" class="img img-responsive border border-white image-center max-width-480" /></a> </div> <div class="explore-climate__summary col-12 col-md-6 order-first"> <header><h2 class="heading-2">Browse News & Features</h2></header> <div class="paragraph"><p>Like a popular science magazine, News & Features offers stories, images, and videos for the science-interested public. From blogs, to FAQs, to long-read features, this section offers a deep dive into climate science and how climate change and variability affect what matters to us.</p> </div> <a class="usa-button usa-button-outline-inverse" href="/news-features">Browse News & Features</a> </div> </div> </article> <article class="explore-climate__article" id="explore-maps--data"> <div class="row"> <div class="explore-climate__image col-12 col-md-6 order-last"> <a href="/maps-data"> <img srcset="/sites/default/files/styles/width_320/public/2021-04/explore-4x3-mapsdata.png?itok=NBzjXFrQ 320w, /sites/default/files/styles/width_480/public/2021-04/explore-4x3-mapsdata.png?itok=INWvw0hn 480w" sizes="(max-width: 784px) 320px, 480px" src="/sites/default/files/styles/width_480/public/2021-04/explore-4x3-mapsdata.png?itok=INWvw0hn" alt="some graphic image" typeof="foaf:Image" class="img img-responsive border border-white image-center max-width-480" /></a> </div> <div class="explore-climate__summary col-12 col-md-6 order-first"> <header><h2 class="heading-2">Explore Maps & Data</h2></header> <div class="paragraph"><p>Access to common climate maps, data, and tools. Search a dataset catalog, check the status of key environmental indicators with the Global Climate Dashboard, or browse the Data Snapshots collection to locate publication-quality images to grab and re-use.</p> </div> <a class="usa-button usa-button-outline-inverse" href="/maps-data">Explore Maps and Data</a> </div> </div> </article> <article class="explore-climate__article" id="teach-climate"> <div class="row"> <div class="explore-climate__image col-12 col-md-6 order-last"> <a href="/teaching"> <img srcset="/sites/default/files/styles/width_320/public/2021-04/explore-4x3-teachingclimate.jpg?itok=DUVi4IZA 320w, /sites/default/files/styles/width_480/public/2021-04/explore-4x3-teachingclimate.jpg?itok=RP3pDO3b 480w" sizes="(max-width: 784px) 320px, 480px" src="/sites/default/files/styles/width_480/public/2021-04/explore-4x3-teachingclimate.jpg?itok=RP3pDO3b" alt="some graphic image" typeof="foaf:Image" class="img img-responsive border border-white image-center max-width-480" /></a> </div> <div class="explore-climate__summary col-12 col-md-6 order-first"> <header><h2 class="heading-2">Teach Climate</h2></header> <div class="paragraph"><p>Climate.gov’s Teaching Climate section offers reviewed learning activities and curriculum materials, multimedia resources, and professional development opportunities for formal and informal educators who want to incorporate climate into their work.</p> </div> <a class="usa-button usa-button-outline-inverse" href="/teaching">Find Resources</a> </div> </div> </article> <article class="explore-climate__article" id="build-resilience"> <div class="row"> <div class="explore-climate__image col-12 col-md-6 order-last"> <a href="https://toolkit.climate.gov/"> <img srcset="/sites/default/files/styles/width_320/public/2021-04/explore-4x3-crt.jpg?itok=MAeBMua0 320w, /sites/default/files/styles/width_480/public/2021-04/explore-4x3-crt.jpg?itok=YnW8TcH1 480w" sizes="(max-width: 784px) 320px, 480px" src="/sites/default/files/styles/width_480/public/2021-04/explore-4x3-crt.jpg?itok=YnW8TcH1" alt="some graphic image" typeof="foaf:Image" class="img img-responsive border border-white image-center max-width-480" /></a> </div> <div class="explore-climate__summary col-12 col-md-6 order-first"> <header><h2 class="heading-2">Build Resilience</h2></header> <div class="paragraph"><p>A sister site to Climate.gov, the U.S. Climate Resilience Toolkit provides a central repository of climate and environmental data, tools, resources, expertise, and case studies geared toward improving our nation’s capacity to adapt to a variable and changing climate.</p> </div> <a class="usa-button usa-button-outline-inverse" href="https://toolkit.climate.gov/">Learn about resilience</a> </div> </div> </article> </div> </div> </div></div></section> </div> </div> </section> </main> </div><footer class="usa-footer usa-footer-big"> <div class="container usa-footer-return-to-top"><a href="#" title="Click to return to the top of the page">Return to top</a></div> <div class="subsection-title"><div class="wrapper"><h2 class="section-title">Stay Connected</h2></div></div> <div class="usa-footer-primary-section"> <div class="usa-grid container"> <div class="row"><div class="footer__socialmedia col-12"> <div class="usa-footer-primary-content text-center"> <h4 class="block-title">Follow Climate.gov</h4><div class="socialmedia-list"> <ul class="socialmedia-list"> <li class="socialmedia-list__icon"><a id="fb_footer" href="https://www.facebook.com/NOAAClimateGov?loc=footer" class="facebook" target="_blank" title="Climate.gov on Facebook"><span class="sr-only">Facebook</span><i class="fa-brands fa-facebook" aria-hidden="true"></i></a></li> <li class="socialmedia-list__icon"><a id="twit_footer" href="https://www.twitter.com/NOAAClimate?loc=footer" class="twitter" target="_blank" title="Climate.gov on Twitter"><span class="sr-only">Twitter</span><i class="fa-brands fa-twitter" aria-hidden="true"></i></a></li> <li class="socialmedia-list__icon"><a id="insta_footer" href="https://www.instagram.com/NOAAClimate?oc=footer" class="instagram" target="_blank" title="Climate.gov on Instagram"><span class="sr-only">Instagram</span><i class="fa-brands fa-instagram" aria-hidden="true"></i></a></li> <li class="socialmedia-list__icon"><a id="yt_footer" href="https://www.youtube.com/user/NOAAClimate?loc=footer" class="youtube" target="_blank" title="Climate.gov on YouTube"><span class="sr-only">YouTube</span><i class="fa-brands fa-youtube" aria-hidden="true"></i></a></li> </ul></div> </div> </div> </div> </div></div><div class="usa-footer-secondary-section"> <div class="usa-grid container"> <div class="row"> <div class="usa-footer-big-secondary-section col-xs-12"> <nav class="usa-footer-nav footer-nav" aria-label="Secondary"> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-4"> <section class="region region-footer-sitemap-01"> <nav> <ul class="usa-unstyled-list list-unstyled usa-footer-primary-content"> <li class="usa-footer-primary-link"> <h4>Main Menu</h4> </li> <li> <a href="/" data-drupal-link-system-path="<front>" class="is-active">Home</a> </li> <li> <a href="/news-features" data-drupal-link-system-path="node/838090">News & Features</a> </li> <li> <a href="/teaching" data-drupal-link-system-path="node/838089">Teaching Climate</a> </li> <li> <a href="/maps-data" data-drupal-link-system-path="node/838088">Maps & Data</a> </li> <li> <a href="/faqs" data-drupal-link-system-path="node/9534">FAQs</a> </li> <li> <a href="/contact" data-drupal-link-system-path="node/9418">Contact</a> </li> <li> <a href="/feeds" data-drupal-link-system-path="node/838236">Feeds</a> </li> <li> <a href="/sitemap" data-drupal-link-system-path="node/838271">Sitemap</a> </li> </ul> </nav> </section> </div> <div class="col-xs-12 col-sm-6 col-md-2"> <section class="region region-footer-sitemap-02"> <nav> <ul class="usa-unstyled-list list-unstyled usa-footer-primary-content"> <li class="usa-footer-primary-link"> <h4>News & Features</h4> </li> <li> <a href="/news-features" data-drupal-link-system-path="node/838090">News & Features Home</a> </li> <li> <a href="/news-features/blogs/beyond-data" data-drupal-link-system-path="node/838140">Beyond the Data Blog</a> </li> <li> <a href="/news-features/all?listingMain=climateCaseStudies&sorting=date" data-drupal-link-query="{"listingMain":"climateCaseStudies","sorting":"date"}" data-drupal-link-system-path="news-features/all">Climate Case Studies</a> </li> <li> <a href="/news-features/all?listingMain=climateQA&sorting=date" data-drupal-link-query="{"listingMain":"climateQA","sorting":"date"}" data-drupal-link-system-path="news-features/all">Climate Q&A</a> </li> <li> <a href="/news-features/all?listingMain=climateTech&sorting=date" data-drupal-link-query="{"listingMain":"climateTech","sorting":"date"}" data-drupal-link-system-path="news-features/all">Climate Tech</a> </li> <li> <a href="/news-features/all?listingMain=climateAnd&sorting=date" data-drupal-link-query="{"listingMain":"climateAnd","sorting":"date"}" data-drupal-link-system-path="news-features/all">Climate and …</a> </li> <li> <a href="/news-features/all?listingMain=decisionMakersTake5&sorting=date" data-drupal-link-query="{"listingMain":"decisionMakersTake5","sorting":"date"}" data-drupal-link-system-path="news-features/all">Decision Makers Take 5</a> </li> <li> <a href="/news-features/all?listingMain=decisionMakersToolbox&sorting=date" data-drupal-link-query="{"listingMain":"decisionMakersToolbox","sorting":"date"}" data-drupal-link-system-path="news-features/all">Decision Makers Toolbox</a> </li> <li> <a href="/news-features/blogs/enso" data-drupal-link-system-path="node/838139">ENSO Blog</a> </li> <li> <a href="/news-features/event-tracker" data-drupal-link-system-path="news-features/event-tracker">Event Tracker</a> </li> <li> <a href="/news-features/featured-images" data-drupal-link-system-path="news-features/featured-images">Featured Images</a> </li> <li> <a href="/news-features/videos" data-drupal-link-system-path="news-features/videos">Featured Videos</a> </li> <li> <a href="/news-features/all?listingMain=features&sorting=date" data-drupal-link-query="{"listingMain":"features","sorting":"date"}" data-drupal-link-system-path="news-features/all">Features</a> </li> <li> <a href="/news-features/all?listingMain=nrHighlights&sorting=date" data-drupal-link-query="{"listingMain":"nrHighlights","sorting":"date"}" data-drupal-link-system-path="news-features/all">News and Research Highlights</a> </li> <li> <a href="/news-features/all?listingMain=understandingClimate&sorting=date" data-drupal-link-query="{"listingMain":"understandingClimate","sorting":"date"}" data-drupal-link-system-path="news-features/all">Understanding Climate</a> </li> </ul> </nav> </section> </div> <div class="col-xs-12 col-sm-6 col-md-2"> <section class="region region-footer-sitemap-03"> <nav> <ul class="usa-unstyled-list list-unstyled usa-footer-primary-content"> <li class="usa-footer-primary-link"> <h4>Maps & Data</h4> </li> <li> <a href="/maps-data" data-drupal-link-system-path="node/838088">Maps and Data Home</a> </li> <li> <a href="/climatedashboard" data-drupal-link-system-path="maps-data/global-climate-dashboard">Climate Dashboard</a> </li> <li> <a href="/maps-data/climate-data-primer" data-drupal-link-system-path="node/426663">Climate Data Primer</a> </li> <li> <a href="/maps-data/data-snapshots" data-drupal-link-system-path="maps-data/data-snapshots">Data Snapshots</a> </li> <li> <a href="/maps-data/all?listingMain=datasetgallery" data-drupal-link-query="{"listingMain":"datasetgallery"}" data-drupal-link-system-path="maps-data/all">Dataset Gallery</a> </li> </ul> </nav> </section> </div> <div class="col-xs-12 col-sm-6 col-md-2"> <section class="region region-footer-sitemap-04"> <nav> <ul class="usa-unstyled-list list-unstyled usa-footer-primary-content"> <li class="usa-footer-primary-link"> <h4>Teaching Climate</h4> </li> <li> <a href="/teaching" data-drupal-link-system-path="node/838089">Teaching Climate Home</a> </li> <li> <a href="/teaching/demos-experiments" data-drupal-link-system-path="teaching/demos-experiments">Demos & Experiments</a> </li> <li> <a href="/teaching/interactive-tools" data-drupal-link-system-path="teaching/interactive-tools">Interactive Tools</a> </li> <li> <a href="/teaching/multimedia" data-drupal-link-system-path="teaching/multimedia">Multimedia</a> </li> <li> <a href="/teaching/resources" data-drupal-link-system-path="teaching/resources">Resources</a> </li> </ul> </nav> </section> </div> <div class="col-xs-12 col-sm-6 col-md-2"> </div> </div></nav> </div> </div> </div></div><div class="usa-footer-required-section"> <div class="container usa-grid"> <div class="row"> <div class="col"> <section class="region region-footer-requirements"> <nav id="block-noaarequiredfooterlinks" class="settings-tray-editable w-100 nav nav-footer-noaa region-footer-requirements usa-footer-required-section" data-drupal-settingstray="editable"> <ul class="w-100 mx-auto p-0 menu list-unstyled list-inline usa-footer-secondary-content"><li class="nav-item menu-item list-inline-item d-inline-block text-center m-0"><a href="https://www.commerce.gov/" class="nav-item menu-item list-inline-item d-inline-block text-center m-0 text-light nav-link">Department of Commerce</a></li> <li class="nav-item menu-item list-inline-item d-inline-block text-center m-0"><a href="https://www.noaa.gov/" class="nav-item menu-item list-inline-item d-inline-block text-center m-0 text-light nav-link">NOAA</a></li> <li class="nav-item menu-item list-inline-item d-inline-block text-center m-0"><a href="https://www.noaa.gov/protecting-your-privacy" class="nav-item menu-item list-inline-item d-inline-block text-center m-0 text-light nav-link">Privacy</a></li> <li class="nav-item menu-item list-inline-item d-inline-block text-center m-0"><a href="https://www.noaa.gov/accessibility" class="nav-item menu-item list-inline-item d-inline-block text-center m-0 text-light nav-link">Accessibility</a></li> <li class="nav-item menu-item list-inline-item d-inline-block text-center m-0"><a href="https://www.noaa.gov/information-technology/foia" class="nav-item menu-item list-inline-item d-inline-block text-center m-0 text-light nav-link">FOIA</a></li> <li class="nav-item menu-item list-inline-item d-inline-block text-center m-0"><a href="https://www.noaa.gov/organization/information-technology/policy-oversight/information-quality" class="nav-item menu-item list-inline-item d-inline-block text-center m-0 text-light nav-link">Information Quality</a></li> <li class="nav-item menu-item list-inline-item d-inline-block text-center m-0"><a href="https://www.noaa.gov/organization/inclusion-and-civil-rights/no-fear-act" class="nav-item menu-item list-inline-item d-inline-block text-center m-0 text-light nav-link">No-FEAR Act</a></li> <li class="nav-item menu-item list-inline-item d-inline-block text-center m-0"><a href="https://www.ready.gov/" class="nav-item menu-item list-inline-item d-inline-block text-center m-0 text-light nav-link">Ready.gov</a></li> <li class="nav-item menu-item list-inline-item d-inline-block text-center m-0"><a href="https://www.usa.gov/" class="nav-item menu-item list-inline-item d-inline-block text-center m-0 text-light nav-link">USA.gov</a></li> </ul> </nav> </section> </div> </div> </div> </div> </footer> </div> </div><script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","scriptPath":null,"pathPrefix":"","currentPath":"node\/838087","currentPathIsAdmin":false,"isFront":true,"currentLanguage":"en"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"ajaxPageState":{"libraries":"ajax_loader\/ajax_loader.throbber,better_exposed_filters\/general,classy\/base,classy\/messages,climategov\/global,core\/normalize,extlink\/drupal.extlink,gin_climategov\/climate,statistics\/drupal.statistics,system\/base,views\/views.ajax,views\/views.module,wl_search_cgov\/wl_search_cgov_common","theme":"climategov","theme_token":null},"ajaxTrustedUrl":{"\/climatedashboard":true},"ajaxLoader":{"markup":"\u003Cdiv class=\u0022ajax-throbber sk-wave\u0022\u003E\n \u003Cdiv class=\u0022sk-wave-rect\u0022\u003E\u003C\/div\u003E\n \u003Cdiv class=\u0022sk-wave-rect\u0022\u003E\u003C\/div\u003E\n \u003Cdiv class=\u0022sk-wave-rect\u0022\u003E\u003C\/div\u003E\n \u003Cdiv class=\u0022sk-wave-rect\u0022\u003E\u003C\/div\u003E\n \u003C\/div\u003E","hideAjaxMessage":false,"alwaysFullscreen":true,"throbberPosition":"body"},"data":{"extlink":{"extTarget":true,"extTargetNoOverride":false,"extNofollow":false,"extNoreferrer":false,"extFollowNoOverride":false,"extClass":"0","extLabel":"(link is external)","extImgClass":false,"extSubdomains":true,"extExclude":"","extInclude":"","extCssExclude":"","extCssExplicit":"","extAlert":true,"extAlertText":"You are exiting climate.gov.\r\n\r\nThank you for visiting our site. We have provided a link because it has information which may interest you. Climate.gov does not endorse the views expressed, the information presented, or any commercial products that may be advertised or available on that site.","mailtoClass":"0","mailtoLabel":"(link sends email)","extUseFontAwesome":false,"extIconPlacement":"before","extFaLinkClasses":"fa fa-external-link","extFaMailtoClasses":"fa fa-envelope-o","whitelistedDomains":[]}},"statistics":{"data":{"nid":"838087"},"url":"\/core\/modules\/statistics\/statistics.php"},"views":{"ajax_path":"\/views\/ajax","ajaxViews":{"views_dom_id:c63fee5a1d4cdebd07b631162f11b8556fe800832992d8464a15f291121851ba":{"view_name":"global_climate_dashboard","view_display_id":"indicators","view_args":"","view_path":"\/node\/838087","view_base_path":"maps-data\/global-climate-dashboard","view_dom_id":"c63fee5a1d4cdebd07b631162f11b8556fe800832992d8464a15f291121851ba","pager_element":0}}},"user":{"uid":0,"permissionsHash":"a5382e7dd134e97bc2f4fc8afd60c99dd90e7422cb97dd911a77a9af8b9ec647"}}</script> <script src="/core/assets/vendor/jquery/jquery.min.js?v=3.7.0"></script> <script src="/core/assets/vendor/once/once.min.js?v=1.0.1"></script> <script src="/core/misc/drupalSettingsLoader.js?v=10.1.8"></script> <script src="/core/misc/drupal.js?v=10.1.8"></script> <script src="/core/misc/drupal.init.js?v=10.1.8"></script> <script src="/core/assets/vendor/jquery.ui/ui/version-min.js?v=10.1.8"></script> <script src="/core/assets/vendor/jquery.ui/ui/data-min.js?v=10.1.8"></script> <script src="/core/assets/vendor/jquery.ui/ui/disable-selection-min.js?v=10.1.8"></script> <script src="/core/assets/vendor/jquery.ui/ui/form-min.js?v=10.1.8"></script> <script src="/core/assets/vendor/jquery.ui/ui/jquery-patch-min.js?v=10.1.8"></script> <script src="/core/assets/vendor/jquery.ui/ui/scroll-parent-min.js?v=10.1.8"></script> <script src="/core/assets/vendor/jquery.ui/ui/unique-id-min.js?v=10.1.8"></script> <script src="/core/assets/vendor/jquery.ui/ui/focusable-min.js?v=10.1.8"></script> <script src="/core/assets/vendor/jquery.ui/ui/ie-min.js?v=10.1.8"></script> <script src="/core/assets/vendor/jquery.ui/ui/keycode-min.js?v=10.1.8"></script> <script src="/core/assets/vendor/jquery.ui/ui/plugin-min.js?v=10.1.8"></script> <script src="/core/assets/vendor/jquery.ui/ui/safe-active-element-min.js?v=10.1.8"></script> <script src="/core/assets/vendor/jquery.ui/ui/safe-blur-min.js?v=10.1.8"></script> <script src="/core/assets/vendor/jquery.ui/ui/widget-min.js?v=10.1.8"></script> <script src="/core/assets/vendor/jquery.ui/ui/labels-min.js?v=10.1.8"></script> <script src="/core/assets/vendor/jquery.ui/ui/widgets/controlgroup-min.js?v=10.1.8"></script> <script src="/core/assets/vendor/jquery.ui/ui/form-reset-mixin-min.js?v=10.1.8"></script> <script src="/core/assets/vendor/jquery.ui/ui/widgets/mouse-min.js?v=10.1.8"></script> <script src="/core/assets/vendor/jquery.ui/ui/widgets/checkboxradio-min.js?v=10.1.8"></script> <script src="/core/assets/vendor/jquery.ui/ui/widgets/draggable-min.js?v=10.1.8"></script> <script src="/core/assets/vendor/jquery.ui/ui/widgets/resizable-min.js?v=10.1.8"></script> <script src="/core/assets/vendor/jquery.ui/ui/widgets/button-min.js?v=10.1.8"></script> <script src="/core/assets/vendor/jquery.ui/ui/widgets/dialog-min.js?v=10.1.8"></script> <script src="/core/assets/vendor/tabbable/index.umd.min.js?v=6.1.2"></script> <script src="/core/misc/progress.js?v=10.1.8"></script> <script src="/core/assets/vendor/loadjs/loadjs.min.js?v=4.2.0"></script> <script src="/core/misc/debounce.js?v=10.1.8"></script> <script src="/core/misc/announce.js?v=10.1.8"></script> <script src="/core/misc/message.js?v=10.1.8"></script> <script src="/core/misc/ajax.js?v=10.1.8"></script> <script src="/themes/contrib/stable/js/ajax.js?v=10.1.8"></script> <script src="/modules/contrib/ajax_loader/js/ajax-throbber.js?v=1.x"></script> <script src="/core/misc/displace.js?v=10.1.8"></script> <script src="/core/misc/jquery.tabbable.shim.js?v=10.1.8"></script> <script src="/core/misc/position.js?v=10.1.8"></script> <script src="/core/misc/dialog/dialog.js?v=10.1.8"></script> <script src="/core/misc/dialog/dialog.position.js?v=10.1.8"></script> <script src="/core/misc/dialog/dialog.jquery-ui.js?v=10.1.8"></script> <script src="/core/misc/dialog/dialog.ajax.js?v=10.1.8"></script> <script src="/libraries/fontawesome/js/all.min.js?snnigh" defer></script> <script src="/libraries/fontawesome/js/v4-shims.min.js?snnigh" defer></script> <script src="/themes/custom/climategov/js/libs/popper.min.js?snnigh"></script> <script src="/themes/custom/climategov/js/libs/ready.min.js?snnigh"></script> <script src="/themes/custom/climategov/js/libs/uswds.min.js?snnigh"></script> <script src="/themes/custom/climategov/js/libs/bootstrap.min.js?snnigh"></script> <script src="/themes/custom/climategov/dist/scripts.min.js?snnigh"></script> <script src="/modules/contrib/extlink/extlink.js?v=10.1.8"></script> <script src="/core/modules/statistics/statistics.js?v=10.1.8"></script> <script src="/core/assets/vendor/jquery-form/jquery.form.min.js?v=4.3.0"></script> <script src="/core/modules/views/js/base.js?v=10.1.8"></script> <script src="/core/modules/views/js/ajax_view.js?v=10.1.8"></script> <script src="/modules/contrib/better_exposed_filters/js/better_exposed_filters.js?v=4.x"></script> <script src="/modules/weblyzard/wl_search_cgov/js/wl_search_cgov_common.js?v=1.2"></script> <script async type="text/javascript" id="_fed_an_ua_tag" src="https://dap.digitalgov.gov/Universal-Federated-Analytics-Min.js?agency=DOC&subagency=CPO"></script> </body> </html>

CINXE.COM

Climate.gov Home