226 lines
4.9 KiB
HTML
226 lines
4.9 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>
|
|
Pretty Rivers - Dendroalsia
|
|
</title>
|
|
|
|
|
|
|
|
|
|
<meta property="og:title" content="Pretty rivers - Dendroalsia" />
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:description" content="Website Description"/>
|
|
<meta property="og:url" content="https://www.dendroalsia.net/blog/prettyrivers/"/>
|
|
<meta property="og:site_name" content="Dendroalsia"/>
|
|
|
|
|
|
|
|
<meta property="og:image" content="https://www.dendroalsia.net/blog/prettyrivers/wisconsin_rivers.png"/>
|
|
|
|
|
|
|
|
|
|
<link rel="shortcut icon" href="/img/favicon.png">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<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/prettyrivers/">Pretty rivers</a>
|
|
</h2>
|
|
|
|
<div class="post-data">
|
|
Jan 1, 2024
|
|
|
|
|
|
|
1 minute read
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
<div class="container markdown top-pad">
|
|
<p>I like maps that isolate different natural features. And I think that rivers make pretty patterns. So I made a series of scripts that generates a pretty map of rivers. I hope to print the maps of places that are important to me as art.</p>
|
|
<p>The code that generates these maps is here: <a href="https://git.dendroalsia.net/ben/pretty_rivers">https://git.dendroalsia.net/ben/pretty_rivers</a></p>
|
|
<p>One key to making the map visually appealing, is setting the width of the river relative to the upstream watershed area. The USGS data includes that watershed area, and through trying different options, I found that this ratio worked well:</p>
|
|
<p>linewidth = (upstream surface area)^0.3204*0.0446</p>
|
|
<p>This works for the extent and river sizes in Wisconsin, I have to adjust it for maps of smaller areas or different sized rivers.</p>
|
|
<p><img src="/blog/prettyrivers/wisconsin_rivers.png" alt="Wisconsin Rivers"></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>
|