Skip to content
Earth Science Medium #watershed#drainage

Watershed and Drainage Patterns

A watershed channels precipitation through a hierarchy of streams to a single outlet.

A free, animated watershed and drainage patterns you can read here or embed on any website, from Scrollchart.

Watershed and Drainage Patterns

Watershed and Drainage PatternsStrahler stream orders 1-5: small tributaries join to form progressively larger channelsDrainage divide (watershed boundary)Outlet(lake / sea)Strahler rule: two streams of order N join to form order N+1

Top-down view of a watershed with stream-order hierarchy (1st through 5th order) following Strahler convention. Drainage divides marked. Pattern types (dendritic, trellis, radial) shown.

Good for

  • Geography and watershed management articles explaining catchment delineation
  • Hydrology explainers on stream-order classification and river network scaling

Source & accuracy

This watershed and drainage patterns is an editorial illustration built to represent the concept accurately. Where it shows figures, they are typical or representative values chosen to make the relationship clear, not a single underlying dataset. The diagram and its explainer are reviewed and maintained centrally, and updated over time as understanding improves.

Topographic boundaries that organize water

A watershed is a geographic area defined by invisible lines of elevation and contour. Every raindrop falling within a watershed's borders flows downslope toward a single outlet, whether through a river, creek, or underground aquifer. These boundaries follow ridge lines and valley networks shaped by millions of years of erosion. Major watersheds like the Mississippi and Amazon are vast systems containing hundreds of tributaries, each itself a smaller watershed.

Watershed boundaries matter because they create nested hierarchies of hydrology. A local hillside drains to a creek, many creeks feed a river, and multiple rivers feed a continental system. Understanding which watershed you occupy reveals where your water comes from and where your runoff eventually reaches.

Drainage patterns as water's signature

Rivers do not form randomly. Bedrock geology and slope aspect strongly influence drainage patterns. Dendritic patterns resemble tree branches and form in uniform rock. Parallel patterns develop on steep slopes. Radial patterns emerge where rock domes upward, like the slopes around a volcano. Trellis patterns indicate layered rocks where hard and soft strata alternate, guiding water into orthogonal channels.

These patterns are visible from space and serve as a diagnostic signature of underlying geology and terrain history. They also affect flood risk, groundwater accessibility, and where settlements naturally locate. Rivers tend to become infrastructure and boundaries; watersheds become the boundaries of shared water management.

Embed this diagram

Add this animated watershed and drainage patterns to your own site. Copy one line of HTML, or use the embed builder for theme and sizing options.

Reference

What this is
A free, embeddable, animated watershed and drainage patterns for any website.
Who uses it
Science popularizers.
How to embed
Copy one line of HTML. No signup. No watermark. Works in WordPress, Webflow, Ghost, Substack, plain HTML.
File size
iframe embed, ~80 KB gzipped (loads on demand, does not block your page paint).
License
Free forever. Editorial explainer text included; updated centrally over time.

Embed format options

Copy the universal HTML snippet, the WordPress shortcode, or an iframe fallback - see the WordPress plugin page for details. Any format keeps the same Core Web Vitals profile and the same explainer text.

Embed snippet
<div data-scrollchart="watershed-flow" data-scrollchart-v="1"></div>
<script src="https://scrollchart.com/embed.js" async></script>

Frequently asked questions

Where can I get a free animated "Watershed and Drainage Patterns" for my website?
Scrollchart provides "Watershed and Drainage Patterns" as a free, embeddable animated diagram you can add to any website with one line of HTML. No signup is required and there is no watermark. The diagram and its explainer text are served from scrollchart.com, so the embed stays current without any maintenance on your end.
How do I embed a watershed and drainage patterns in WordPress or a static site?
Paste the HTML snippet from the Scrollchart diagram page into your WordPress post (in HTML/code view), your Webflow embed block, or directly into a static HTML file. No plugin is needed. The diagram loads from scrollchart.com and paints in as the reader scrolls.