dendroalsia.net/public/blog/riverlevelcharts/index.html
2025-10-30 13:26:51 -07:00

224 lines
4.7 KiB
HTML

<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="chrome=1">
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="referrer" content="no-referrer">
<meta name="description" content="Website Description">
<title>
River Level Charts - Dendroalsia
</title>
<meta property="og:title" content="River Level Charts - Dendroalsia" />
<meta property="og:type" content="website" />
<meta property="og:description" content="Website Description"/>
<meta property="og:url" content="https://www.dendroalsia.net/blog/riverlevelcharts/"/>
<meta property="og:site_name" content="Dendroalsia"/>
<meta property="og:image" content="https://www.dendroalsia.net/blog/riverlevelcharts/example_last_6_months.png"/>
<link rel="shortcut icon" href="/img/fav.ico">
<link rel="stylesheet" href="/css/main.min.842355dd2ec6a34552c5ffdca0274879393643308cc04aed4876a79219a88809.css" integrity="sha256-hCNV3S7Go0VSxf/coCdIeTk2QzCMwErtSHankhmoiAk=" crossorigin="anonymous" media="screen">
</head>
<body>
<section id="top" class="section">
<div class="container hero ">
<h1 class="bold-title is-1">Posts</h1>
</div>
<div class="section ">
<div class="container">
<hr>
<nav class="navbar" role="navigation" aria-label="main navigation">
<a role="button" class="navbar-burger" data-target="navMenu" aria-label="menu" aria-expanded="false" >
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</a>
<div class="navbar-menu " id="navMenu">
<a class="navbar-item" href="/">main</a>
<a class="navbar-item" href="https://www.dendroalsia.net/blog/">
Back to Posts
</a>
<a class="navbar-item" href="/#about">About</a>
<a class="navbar-item" href="/#contact">Contact</a>
</div>
</nav>
<hr>
</div>
<div class="container">
<h2 class="title is-1 top-pad strong-post-title">
<a href="https://www.dendroalsia.net/blog/riverlevelcharts/">River Level Charts</a>
</h2>
<div class="post-data">
Oct 14, 2024
|
1 minute read
</div>
</div>
<div class="container markdown top-pad">
<p>I&rsquo;m interested in rivers (both ecologically and recreationally) and I want to know water level they are currently at, and how does that compare to their water levels throughout the year and in their recent history.
In the US, the United States Geologic Survey (USGS) maintains a large set of realtime water level sensors, and that dataset is queriable through an API. So I wrote these scripts that take a set of rivers and their associated gauge IDs, downloads the recent and historical data and generates a bunch of graphs.</p>
<p>Here&rsquo;s the code: <a href="https://git.dendroalsia.net/ben/USGS_NWIS">https://git.dendroalsia.net/ben/USGS_NWIS</a></p>
<p><img src="/blog/riverlevelcharts/example_last_6_months.png" alt="Example graph"></p>
</div>
<div class="container">
<hr>
</div>
<div class="container has-text-centered top-pad">
<a href="#top">
<i class="fa fa-arrow-up"></i>
</a>
</div>
<div class="container">
<hr>
</div>
<div class="section" id="footer">
<div class="container has-text-centered">
<span class="footer-text">
</span>
</div>
</div>
</div>
</section>
<script src="https://www.dendroalsia.net/js/bundle.5c23c0437f001a469ca373a465a6f7487203d18e10cdff76d86a60af66d5ee28.js" integrity="sha256-XCPAQ38AGkaco3OkZab3SHID0Y4Qzf922Gpgr2bV7ig="></script>
</body>
</html>