CINXE.COM
Explore: Ocean Observations
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Explore: Ocean Observations</title> <meta name="keywords" content="Ocean Service, ocean, coast, chart, navigation, NOAA, National Oceanic and Atmospheric Administration, sea, Pacific, Atlantic, Arctic, Antarctic, Southern Ocean, Indian Ocean, beach, oceans, seas, beaches, reef, coral, wave, waves, climate, surf, ship, ships, boat, boats, hurricane, typhoon, tsunami, cyclone, el nino, la nina"> <meta name="DC.title" content="NOAA's National Ocean Service"> <meta name="DC.description" content="Explore our curated list of stories about the many ways we observe, monitor, and collect data about our ocean and coasts."> <meta name="description" content="Explore our curated list of stories about the many ways we observe, monitor, and collect data about our ocean and coasts."> <meta name="DC.creator" content="US Department of Commerce, National Oceanic and Atmospheric Administration"> <meta name="DC.date.created" scheme="ISO8601" content="2018-09-05"> <meta name="DC.language" scheme="DCTERMS.RFC1766" content="EN-US"> </head> <body class="explore"> <!--head start--> <meta property="og:image" content="/apple-icon-144x144.png" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <link href="/bs4/css/bootstrap.min.css" rel="stylesheet"> <link href="/font-awesome/css/all.css" rel="stylesheet"> <link href="/bs4/css/theme.css" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet"> <!--<link href="/bootstrap/css/zocial.css" rel="stylesheet" type="text/css"/> <link href="/bootstrap/css/video-js.css" rel="stylesheet" type="text/css"/>--> <!--[if IE 7]> <link rel="stylesheet" href="/bootstrap/css/font-awesome-ie7.min.css"> <![endif]--> <!-- Fav and touch icons --> <link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png" /> <link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png" /> <link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png" /> <link rel="apple-touch-icon-precomposed" sizes="57x57" href="/apple-icon-57x57-precomposed.png" /> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/apple-icon-72x72-precomposed.png" /> <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/apple-icon-144x144-precomposed.png" /> <link rel="shortcut icon" href="/favicon.ico"> <!--end head.html--> <header> <div class="usa-banner"> <small> <p class="text-center"> <img class="flag" src="/bs4/img/flag.png" alt="U.S. flag"> An official website of the United States government. <br class="d-md-none"> <a data-toggle="collapse" href="#collapse-usa" role="button" aria-expanded="false" aria-controls="collapseExample">Here's how you know we're official. </a> </p> </small> <div class="collapse pb-3" id="collapse-usa"> <div class="card-deck mx-5 mt-3"> <div class="card border-primary mb-4"> <div class="row no-gutters"> <div class="col-md-12"> <div class="card-body"> <h5 class="card-title small text-uppercase"><svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 55" width="30" height="25"><defs><style>.cls-3{fill:#007faa;}.cls-4{fill:none;stroke:#046b99;stroke-miterlimit:10;}</style></defs><title>dot gov icon</title><path class="cls-3" d="M36.5,20.91v1.36H35.15a0.71,0.71,0,0,1-.73.68H18.23a0.71,0.71,0,0,1-.73-0.68H16.14V20.91l10.18-4.07Zm0,13.57v1.36H16.14V34.48a0.71,0.71,0,0,1,.73-0.68h18.9A0.71,0.71,0,0,1,36.5,34.48ZM21.57,23.62v8.14h1.36V23.62h2.71v8.14H27V23.62h2.71v8.14h1.36V23.62h2.71v8.14h0.63a0.71,0.71,0,0,1,.73.68v0.68H17.5V32.45a0.71,0.71,0,0,1,.73-0.68h0.63V23.62h2.71Z"/><circle class="cls-4" cx="27" cy="27.12" r="26"/></svg> <strong>Official websites use .gov</strong></h5> <p class="card-text"><small>A <strong>.gov</strong> website belongs to an official government organization in the United States.</small></p> </div> </div> </div> </div> <div class="card border-primary mb-4"> <div class="row no-gutters"> <div class="col-md-12"> <div class="card-body"> <h5 class="card-title small text-uppercase"><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 55" width="30" height="25"><defs><style>.cls-1{fill:#549500;}.cls-2{fill:none;stroke:#458600;stroke-miterlimit:10;}</style></defs><title>https icon</title><path class="cls-1" d="M34.72,34.84a1.29,1.29,0,0,1-1.29,1.29H20.57a1.29,1.29,0,0,1-1.29-1.29V27.12a1.29,1.29,0,0,1,1.29-1.29H21V23.26a6,6,0,0,1,12,0v2.57h0.43a1.29,1.29,0,0,1,1.29,1.29v7.72Zm-4.29-9V23.26a3.43,3.43,0,0,0-6.86,0v2.57h6.86Z"/><circle class="cls-2" cx="27" cy="27.12" r="26"/></svg> <strong>Secure websites use HTTPS</strong></h5> <p class="card-text"><small>A small lock or <strong>https://</strong> means you鈥檝e safely connected to a .gov website. Share sensitive information only on official, secure websites.</small></p> </div> </div> </div> </div> <div class="w-100 d-none d-sm-block d-md-none"> <!-- wrap every 2 on sm--> </div> </div> </div> </div> <!--ALERT BOX FOLLOWS--> <!--<div class="alert alert-info alert-dismissible fade show text-center" role="alert"><h5><strong><a href="/education/planet-stewards/psep-supporting.html">NOAA Planet Stewards is now accepting proposals for 2023/2024 project funding!</a></strong></h5> <button type="button" class="close" data-dismiss="alert" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div>--> <div class="navbar navbar-expand-md" role="navigation" aria-selected="false"> <button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#navigation"> <span class="sr-only">Toggle navigation</span> </button> <button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#search"> <span class="sr-only">Toggle search</span> </button> <div class="navbar-brand ml-auto" role="banner" aria-selected="false"> <div id="boxes-box-header_logo"> <a class="logo" href="/welcome.html"><img src="/bootstrap/img/noaa-logo-rgb-2022.svg" alt="National Oceanic and Atmospheric Administration logo" width="74" height="74"></a> <a class="site-name" href="/welcome.html">National Ocean Service</a> <a class="site-slogan" href="https://noaa.gov">National Oceanic and Atmospheric Administration</a></div> </div> <div class="navbar navbar-light bg-white ml-auto mr-auto m-3 "> <form id="input-search-form" class="input-search" action="https://search.usa.gov/search" method="GET"> <input name="affiliate" type="hidden" value="oceanservice.noaa.gov" /> <label for="header-search" class="sr-only">Search</label> <input type="search" id="header-search" name="query" placeholder="Search"> <button type="submit" class="input-search__button"><img src="/bs4/img/search_icon_black.png"><span class="sr-only">Search National Ocean Service</span></button> </form> </div> </div> <!--/container --> <nav class="navbar navbar-expand-lg navbar-dark navbar-nos" role="navigation" aria-checked="false" > <a href="/welcome.html" class="navbar-brand" alt="Home page" aria-label="Home page"></a> <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-label="Toggle navigation" aria-haspopup="true" aria-expanded="false"> <span class="navbar-toggler-icon"></span> </button> <div class="nav navbar-nav navbar-collapse justify-content-center navbar-toggleable-xm collapse" id="navbarNavDropdown"> <ul class="navbar-nav mx-auto" > <li class="nav-item"> <a class="nav-link home" href="/" role="navigation">Home</a> </li> <li class="nav-item"> <a class="nav-link facts" href="/facts/" role="navigation">Ocean Facts</a> </li> <li class="nav-item dropdown"> <a class="nav-link explore dropdown-toggle" href="#" id="navbarnos" data-toggle="dropdown" role="navigation" aria-haspopup="true" aria-expanded="false">Topics</a> <div class="dropdown-menu" aria-labelledby="navbarnos"> <a class="dropdown-item" href="/topics/">Explore All Topics</a> <a class="dropdown-item" href="/arctic/">Arctic</a> <a class="dropdown-item" href="/profiles/">Careers</a> <a class="dropdown-item" href="/economy/">Economy</a> <a class="dropdown-item" href="/ecosystems/">Ecosystems</a> <a class="dropdown-item" href="/geodesy/">Geodesy</a> <a class="dropdown-item" href="/hazards/">Hazards</a> <a class="dropdown-item" href="/international/">International</a> <a class="dropdown-item" href="/navigation/">Navigation</a> <a class="dropdown-item" href="/observations/">Observations</a> <a class="dropdown-item" href="/ocean/">Ocean</a> <a class="dropdown-item" href="/recreation/">Recreation</a> <a class="dropdown-item" href="/hazards/sealevelrise/">Sea Level Rise</a> <a class="dropdown-item" href="/map-stories/">Story Maps</a> <a class="dropdown-item" href="/tools/">Tools</a> </div> </li> <li class="nav-item"> <a class="nav-link education" href="/education/" role="navigation">Education</a> </li> <!-- <li class="nav-item"> <a class="nav-link education dropdown-toggle" href="#" id="navbarnos" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Education</a> <div class="dropdown-menu" aria-labelledby="navbarnos"> <a class="dropdown-item" href="/education/">NOS Education</a> <a class="dropdown-item" href="/education/about.html">About</a> <a class="dropdown-item" href="/kids/">Just for Kids</a> <div class="dropdown-submenu"> <a class="dropdown-item" tabindex="-1" href="#">Students</a> <div class="dropdown-menu" aria-labelledby="navbarnos"> <a class="dropdown-item" href="/education/nautical_charts/welcome.html">Nautical Charts</a> <a class="dropdown-item" href="/education/seafloor-mapping/welcome.html">Sea Floor Mapping</a> <div class="divider"></div> <a class="dropdown-item" href="/education/tutorial_corals/welcome.html">Corals</a> <a class="dropdown-item" href="/education/tutorial_currents/welcome.html">Currents</a> <a class="dropdown-item" href="/education/tutorial_estuaries/welcome.html">Estuaries</a> <a class="dropdown-item" href="/education/tutorial_geodesy/welcome.html">Global Positioning </a> <a class="dropdown-item" href="/education/tutorial_pollution/welcome.html">Pollution</a> <a class="dropdown-item" href="/education/tutorial_tides/welcome.html">Tides</a> <div class="divider"></div> <a class="dropdown-item" href="/education/stories/oilymess/welcome.html">Prince William's Oily Mess</a> <a class="dropdown-item" href="/education/stories/lionfish/welcome.html">The Lionfish Invasion</a> <div class="divider"></div> <a class="dropdown-item" href="/education/waterlife/welcome.html">Games</a> <a class="dropdown-item" href="/education/resources.html">Resources</a> <a class="dropdown-item" href="/education/projects.html">Projects</a> </div> </div> <div class="dropdown-submenu"> <a class="dropdown-item" tabindex="-1" href="#">Teachers</a> <div class="dropdown-menu" aria-labelledby="navbarnos"> <a class="dropdown-item" href="/education/literacy.html">Ocean &Climate Literacy</a> <a class="dropdown-item" href="/education/planet-stewards/welcome.html">Planet Stewards Program</a> <a class="dropdown-item" href="/education/sea-level-rise/welcome.html">Sea Level Rise</a> <a class="dropdown-item" href="/education/earthscientists/welcome.html">The Earth Scientist</a> <a class="dropdown-item" href="/education/oysters-in-the-chesapeake-bay/welcome.html">Oysters In the Chesapeake Bay</a> <div class="divider"></div> <a class="dropdown-item" href="/education/pd/welcome.html"><span>Professional Development</span></a> <a class="dropdown-item" href="/education/pd/corals/welcome.html">Coral Reefs</a> <a class="dropdown-item" href="/education/pd/estuaries/welcome.html">Estuaries</a> <a class="dropdown-item" href="/education/pd/living_weather/welcome.html">Living in Weather</a> <a class="dropdown-item" href="/education/pd/oceans_weather_climate/welcome.html">Ocean & Climate</a> <a class="dropdown-item" href="/education/pd/tidescurrents/welcome.html">Tides & Currents</a> <a class="dropdown-item" href="/education/pd/climate/welcome.html">Climate Resources </a> <div class="divider"></div> <a class="dropdown-item" href="/education/lessons/welcome.html">Lesson Plans</a> <a class="dropdown-item" href="/education/curriculum.html">Curriculum</a> <div class="divider"></div> <a class="dropdown-item" href="/education/games.html">Education Games</a> <a class="dropdown-item" href="/education/discoveryourworld.html">Discover Your World</a> <a class="dropdown-item" href="/education/discoverclimate/">Discover Your Changing World</a> </div> </div> </div> </li> --> <li class="nav-item"> <a class="nav-link posts" href="/news/" role="navigation">News</a> </li> <li class="nav-item"> <a class="nav-link media-podcast" href="/podcast/" role="navigation">Podcasts</a> </li> <li class="nav-item"> <a class="nav-link media-video" href="/video/" role="navigation">Video</a> </li> <li class="nav-item"> <a class="nav-link media-images" href="/gallery/" role="navigation">Images</a> </li> <li class="nav-item"> <a class="nav-link about" href="/about/" role="navigation">About Us</a> </li> </ul> </div> </nav> <!-- <div class="alert alert-warning text-center" role="alert">Parts of the U.S. Government are closed. This site will not be updated; however NOAA websites and social media channels necessary to protect lives and property will be maintained. <strong>See <a href=" https://www.weather.gov">www.weather.gov</a> for critical weather information.</strong> To learn more, see <a href=" https://www.commerce.gov">www.commerce.gov</a>.</div>--> </header> <!--page--> <nav aria-label="breadcrumb"> <ol class="breadcrumb jumbo-center"> <li class="breadcrumb-item"><a href="/">Home</a></li> <li class="breadcrumb-item"><a href="/topics/">Topics</a></li> <li class="breadcrumb-item active" aria-current="page">Ocean Observations</li> </ol> </nav> <div class="jumbotron jumbotron-fluid jumbo-center"> <img class="align-top bg-transparent pt-0 mt-0" width="200px" src="/observations/observations.png" alt="icon of binoculars"> <h1 class="display-4">Ocean Observations</h1> <p class="lead">Explore our curated list of stories about the many ways we observe, monitor, and collect data about our ocean and coasts.</p> </div> <div class="container"> <div class="card-deck mb-5"> <div class="card card-highlight mb-5"> <a href="https://tidesandcurrents.noaa.gov/high-tide-flooding/monthly-outlook.html"><img class="card-img-top" src="/observations/thumbnail/bulletin.jpg" alt="water floods a street"></a> <div class="card-body"> <h3 class="card-title"><a href="https://tidesandcurrents.noaa.gov/high-tide-flooding/monthly-outlook.html" class="btn btn-primary">Monthly High Tide Flooding Outlook</a></h3> </div> <div class="card-footer text-muted">NOAA鈥檚 Monthly High Tide Flooding Outlook provides the daily likelihood of high tide flooding each day in the calendar year, up to a year in advance, for specific locations. </div> </div> <div class="card card-highlight mb-5"> <a href="/observations/contam/"><img class="card-img-top" src="/observations/thumbnail/oil-beach.jpg" alt="oil on a beach"></a> <div class="card-body"> <h3 class="card-title"><a href="/observations/contam/" class="btn btn-primary">Contaminants in the Environment</a></h3> </div> <div class="card-footer text-muted">Oil and other chemicals can get into sediments, impacting large coastal areas, threatening human health, and reducing the economic well being of regions that depend on a healthy coastal environment.</div> </div> <div class="w-100 d-none d-sm-block d-md-none"><!-- wrap every 2 on sm--></div> <div class="card card-highlight mb-5"> <a href="/observations/mbon.html"><img class="card-img-top" src="/observations/mbon-960.jpg" alt="Brown chromis (Chromis multilineata) and other small reef fish swim over large boulders of Great Star Coral (Montastraea cavernosa) in Flower Garden Banks National Marine Sanctuary."></a> <div class="card-body"> <h3 class="card-title"><a href="/observations/mbon.html" class="btn btn-primary"> Marine Biodiversity Observing Network</a> </h3> </div> <div class="card-footer text-muted">Marine biodiversity鈥攖he variety and variability of life in the ocean鈥攃an be an early indicator of change, provided it's noticed.</div> </div> <div class="w-100 d-none d-md-block d-lg-block d-xl-block"><!-- wrap every 3 on md, lg, xl--></div> <div class="card card-highlight mb-5"> <a href="/observations/monitoring/"><img class="card-img-top" src="/observations/thumbnail/currentmeter.jpg" alt="Crew from the NOAA Ship Rainier assists in a current survey of waters near Sitka, Alaska"></a> <div class="card-body"> <h3 class="card-title"><a href="/observations/monitoring/" class="btn btn-primary">Monitoring Oceans and Coasts</a> </h3> </div> <div class="card-footer text-muted">To keep coastal communities, economies, and ecosystems healthy requires keeping track of ocean and coastal areas鈥攎onitoring and assessing how these areas are changing.</div> </div> <div class="w-100 d-none d-sm-block d-md-none"><!-- wrap every 2 on sm--></div> <div class="card card-highlight mb-5"> <a href="/news/citizen-science/"><img class="card-img-top" src="/observations/thumbnail/volunteer-splash.jpg" alt="volunteers help clean up a beach"></a> <div class="card-body"> <h3 class="card-title"><a href="/news/citizen-science/" class="btn btn-primary">Citizen Science at NOAA</a></h3> </div> <div class="card-footer text-muted">The idea behind citizen science is that anyone, anywhere, can participate in meaningful scientific research.</div> </div> <div class="card card-highlight mb-5"> <a href="/news/great-lakes-viewer/"><img class="card-img-top" src="/observations/thumbnail/greatlakes-viewer.jpg" alt="map view of the great lakes"></a> <div class="card-body"> <h3 class="card-title"><a href="/news/great-lakes-viewer/" class="btn btn-primary">A New Perspective on U.S. Great Lakes</a></h3> </div> <div class="card-footer text-muted">'Lake Level Viewer' promotes community resilience through scenarios for land use, infrastructure.</div> </div> <div class="w-100 d-none d-md-block d-lg-block d-xl-block"><!-- wrap every 3 on md, lg, xl--></div> <div class="w-100 d-none d-sm-block d-md-none"><!-- wrap every 2 on sm--></div> <div class="card card-highlight mb-5"> <a href="/ocean/observations/data-standards.html"><img class="card-img-top" src="/ocean/thumbnail/data.jpg" alt="View of the Environmental Data Server (EDS) map"></a> <div class="card-body"> <h3 class="card-title"><a href="/ocean/observations/data-standards.html" class="btn btn-primary">Ocean Data Standards</a></h3> </div> <div class="card-footer text-muted">See how NOAA data standards facilitate research and development and create opportunities for 'big data' projects about our ocean.</div> </div> <div class="card mb-5"> <!--PLACE HOLDER FOR WHEN THERE ARE LESS THAN THREE CARDS ON A MEDIUM OR LARGER SCREEN--> </div> <div class="w-100 d-none d-sm-block d-md-none"><!-- wrap every 2 on sm--></div> <div class="card mb-5"> <!--PLACE HOLDER FOR WHEN THERE ARE LESS THAN THREE CARDS ON A MEDIUM OR LARGER SCREEN--> </div> <div class="w-100 d-none d-md-block d-lg-block d-xl-block"><!-- wrap every 3 on md, lg, xl--></div> </div> </div> <!--//page--> <!--footer--> <!--footer--> <footer role="contentinfo"> <a href="#" id="scroll-to-top"><img src="/bs4/img/Scroll-To-Top_Icon@2x_b.png" alt="scroll to top arrow icon"></a> <div id="footer-social"> <div class="col-12 pt-3" style="background-color: #ccc;"> <h5 class="sr-only"> Feedback</h5> <ul class="nav list-unstyled text-small justify-content-center pb-3"> <!--<li class="nav-item m-1"> <a href="/survey.html" class="btn btn-light btn-lg" role="button" aria-pressed="true">Provide Feedback</a> </li>--> <li class="nav-item m-1"> <a href="/contact.html" class="btn btn-light btn-lg" role="button" aria-pressed="true">Contact Us</a></li> <li class="nav-item m-1"> <a href="/contact.html#feedback" class="btn btn-light btn-lg" role="button" aria-pressed="true">Report an error</a></li> </ul> </div> <div class="col-12 pt-3" style="background-color: #ccc;"> <h5 class="sr-only"> Social</h5> <ul class="nav list-unstyled text-small justify-content-center pb-3"> <li><a href="https://twitter.com/noaaocean"><img class="d-inline align-middle p-2" src="/bs4/img/x-black.png" alt="X Logo"/> </a></li> <li><a href="https://www.facebook.com/usoceangov/"><img class="d-inline align-middle p-2" src="/bs4/img/facebook-color.png" alt="Facebook Logo"/> </a></li> <li><a href="https://www.instagram.com/noaaocean/"><img class="d-inline align-middle p-2" src="/bs4/img/instagram-color.png" alt="Instagram Logo"> <//a></li> <li><a href="https://www.youtube.com/user/usoceangov"><img class="d-inline align-middle p-2" src="/bs4/img/youtube-color.png" alt="Youtube Logo"> </a></li> <li><a href="https://www.linkedin.com/company/noaa-national-ocean-service"><img class="d-inline align-middle p-2" src="/bs4/img/linkedin-color.png" alt="LinkedIn Logo"> </a></li> </ul> </div> </div> <div id="footer-main"> <div class="container pt-5 pb-5"> <div class="row"> <div align="center" class="col-lg-4 col-sm-4 col-xs-12 pb-3"> <a href="https://www.noaa.gov/"><img src="/bootstrap/img/noaa_logo_circle_72x72.svg" alt="NOAA Logo" /></a> <p class="text-center pt-2"> <em>Science. Service.<br>Stewardship.</em> </p> </div> <div class="col-lg-4 col-sm-4 col-xs-12"> <h6 class="sr-only"> About NOS </h6> <ul class="list-unstyled text-small px-5"> <li><a href="/about/welcome.html">About Us</a></li> <li><a href="/programs/welcome.html">NOS Program Offices</a></li> <li><a href="/newsroom/welcome.html">Media Inquiries</a></li> <li><a href="/about/acknowledgements.html">Website Acknowledgements</a></li> <li><a href="/sitemap.html">Site Index</a></li> <li><a href="/disclaimer.html">Disclaimer</a></li> </ul> </div> <div class="col-lg-4 col-sm-4 col-xs-12"> <h6 class="sr-only"> More Resources </h6> <ul class="list-unstyled text-small px-5"> <li><a href="https://www.noaa.gov/information-technology/foia">Freedom of Information Act</a></li> <li><a href="/accessibility-statement.html">Accessibility</a></li> <li><a href="https://www.noaa.gov/office-of-chief-information-officer/it-policy-oversight/information-quality">Information Quality</a></li> <li><a href="/privacy.html">Privacy Policy</a></li> <li><a href="https://sites.google.com/noaa.gov/nos-for-employees-intranet">NOS For Employees</a></li> <li><a href="https://www.usa.gov/">USA.gov</a></li> </ul> </div> <div class="container pt-2"> <div class="row"> <div class="col-12"> <ul class="nav footer-mainnav"> <li class="nav-item m-3"> <a href="https://www.commerce.gov">Department of Commerce</a></li> <li class="nav-item m-3"> <a href="https://www.noaa.gov/">National Oceanic and Atmospheric Administration (NOAA)</a></li> <li class="nav-item m-3"> <a href="/">National Ocean Service</a></li> </ul> </div> </div> </div> </div> </div> </div> </div> </footer> <!--//footer--> <!--//end--> <!-- analytics and search stats --> <script type="text/javascript"> //<![CDATA[ var aid = "oceanservice.noaa.gov"; //]]> </script> <script src="https://search.usa.gov/javascripts/stats.js" type="text/javascript"> </script> <script type="text/javascript"> //<![CDATA[ var usasearch_config = { siteHandle:"oceanservice.noaa.gov" }; var script = document.createElement("script"); script.type = "text/javascript"; script.src = "//search.usa.gov/javascripts/remote.loader.js"; document.getElementsByTagName("head")[0].appendChild(script); //]]> </script> <script> $(".jumbotron").css({ height: $(window).height() + "px" }); $(window).on("resize", function() { $(".jumbotron").css({ height: $(window).height() + "px" }); }); </script> <!-- Google Analytics --> <script async type="text/javascript" src="https://dap.digitalgov.gov/Universal-Federated-Analytics-Min.js?agency=DOC&subagency=NOAA" id="_fed_an_ua_tag"></script> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-8QRDKZKW09"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-8QRDKZKW09'); </script> <script src="/bs4/js/jquery-3.7.1.slim.min.js"></script> <script src="/bs4/js/bootstrap.bundle.min.js"></script> <!--touchpoints survey code --> <script src="https://touchpoints.app.cloud.gov/touchpoints/3966cfca.js" async></script> <!-- END --> <!-- Initialize Bootstrap functionality --> <script> // Initialize tooltip component $(function () { $('[data-toggle="tooltip"]').tooltip() }) // Initialize popover component $(function () { $('[data-toggle="popover"]').popover() }) </script> <script async src="https://siteimproveanalytics.com/js/siteanalyze_6294131.js"></script> </body> </html>