-
Notifications
You must be signed in to change notification settings - Fork 2
/
usecases.html
288 lines (273 loc) · 14.1 KB
/
usecases.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Use Cases</title>
<meta content="width=device-width, initial-scale=1" name="viewport" />
<link href="css/index.css" rel="stylesheet" type="text/css" />
<link href="assets/favicon.ico" rel="shortcut icon" type="image/x-icon" />
<link href="assets/apple_touch_icon.png" rel="apple-touch-icon" />
<!-- GOOGLE TAG (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-KYNEG37NW0"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag("js", new Date());
gtag("config", "G-KYNEG37NW0");
</script>
<!-- END GOOGLE TAG -->
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
<script
type="text/javascript">WebFont.load({ google: { families: ["Montserrat:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic"] } });</script>
<script type="text/javascript">!function (o, c) {
var n = c.documentElement, t = " w-mod-";
n.className += t + "js", ("ontouchstart" in o || o.DocumentTouch && c instanceof DocumentTouch) && (n.className += t + "touch")
}(window, document);
</script>
</head>
<body>
<!-- %START HEADER -->
<div id="scroll-top" data-collapse="medium" data-animation="default" data-duration="400" data-easing="ease"
data-easing2="ease" role="banner" class="navigation w-nav">
<div class="navigation-wrap">
<a href="/" class="logo-link w-nav-brand" tabindex="1">
<img src="assets/GeoSMART_logo.svg" width="200" alt="" class="logo-image" />
</a>
<div class="menu">
<nav role="navigation" class="navigation-items w-nav-menu">
<a href="/curriculum" class="navigation-item w-nav-link">CURRICULUM</a>
<a href="/usecases" class="navigation-item w-nav-link">USE CASES</a>
<a href="/codeweek" class="navigation-item w-nav-link">CODEWEEK</a>
<a href="/news" class="navigation-item w-nav-link">NEWS</a>
<div class="navigation-item w-nav-link dropdown">
MATERIALS
<div class="dropdown-body">
<a href="/tools" class="navigation-item w-nav-link">TOOLS</a>
<a href="/videos" class="navigation-item w-nav-link disabled">VIDEOS</a>
</div>
</div>
<div class="navigation-item w-nav-link dropdown">
ABOUT US
<div class="dropdown-body">
<a href="/motivation" class="navigation-item w-nav-link">MOTIVATION</a>
<a href="/team" class="navigation-item w-nav-link">TEAM</a>
<a href="/book" class="navigation-item w-nav-link">BOOK</a>
</div>
</div>
</nav>
<div class="menu-button w-nav-button" tabindex="0" id="menu-button"
aria-label="menu" role="button" aria-controls="w-nav-overlay-0" aria-haspopup="menu" aria-expanded="true">
<img src="assets/img/mobile_menu.png" width="22" alt="" class="menu-icon" />
</div>
</div>
<a href="/getinvolved" class="button cc-contact-us w-inline-block">
<div class="button-background"></div>
<div class="button-fill"></div>
<span class="color-text">GET INVOLVED</span>
</a>
</div>
<div class="w-nav-overlay invisible" data-wf-ignore="" id="w-nav-overlay-0" style="height: 100vh; display: block;">
<nav role="navigation" class="navigation-items w-nav-menu" data-nav-menu-open="">
<a href="/curriculum" class="navigation-item w-nav-link w--nav-link-open">CURRICULUM</a>
<a href="/usecases" class="navigation-item w-nav-link w--nav-link-open">USE CASES</a>
<a href="/codeweek" class="navigation-item w-nav-link w--nav-link-open">CODEWEEK</a>
<a href="/tools" class="navigation-item w-nav-link w--nav-link-open">TOOLS</a>
<a href="/news" class="navigation-item w-nav-link w--nav-link-open">NEWS</a>
<a href="/motivation" class="navigation-item w-nav-link w--nav-link-open">MOTIVATION</a>
<a href="/team" class="navigation-item w-nav-link w--nav-link-open">TEAM</a>
<a href="/book" class="navigation-item w-nav-link w--nav-link-open">BOOK</a>
<a href="/getinvolved" class="navigation-item w-nav-link w--nav-link-open">GET INVOLVED</a>
</nav>
</div>
</div>
<!-- %END HEADER -->
<!-- BANNER -->
<div class="intro-header cc-subpage">
<div class="intro-content">
<div class="heading-jumbo homepage-splash">Other Materials<br /></div>
</div>
</div>
<!-- END BANNER -->
<!-- %START NAVIGATION -->
<div id="page-navigation" class="hidden closed animated-item pre-anim fade-in-anim">
<div class="page-nav-bar"></div>
<button id="toggle-page-nav"></button>
</div>
<!-- %END NAVIGATION -->
<!-- MAIN PAGE CONTENT -->
<div class="home-content-wrap wf-section page-nav-section-marker" id="Use_Cases">
<div class="title-group animated-item pre-anim blur-in-anim">
<h1 class="label cc-light">Projects</h1>
<h2 class="heading">Self-contained Machine Learning Use Cases</h2>
</div>
<div class="rich-text w-richtext animated-item pre-anim blur-in-anim">
<p>
This page features documented scientific use cases allowing users of these materials to read through the
computational narative, experience the unfolding of the results, experiment with changes to the code, or further
extend the analysis to address other problems. Each Jupyter book features a stand-alone example that illustrates
an application of machine learning in the geosciences. These include image processing, pattern recognition, data
fusion (combining diverse streams of observations), land cover classification, data assimilation and prediction.
The use-case notebooks are hosted on GitHub allowing for users to clone or fork the use case repository for
further use or modifications.
</p>
<p>
Look for these badges to identify books that make up the GeoSMART library.
</p>
<img src="assets/use_case_badge.svg" class="clickable badge" />
<img src="assets/curricula_badge.svg" class="clickable badge" />
</div>
</div>
<section class="home-content-wrap wf-section page-nav-section-marker" id="Library_Collection">
<div class="title-group animated-item pre-anim blur-in-anim" style="margin-top: 1em;">
<h1 class="label cc-light">Materials</h1>
<h2 class="heading">Use Case Books</h2>
</div>
<div class="two-column">
<div><!-- 1ST COLUMN -->
<a class="book-section has-border animated-item pre-anim blur-in-anim" target="_blank"
href="https://geo-smart.github.io/scm_geosmart_use_case/">
<img class="book-icon" src="assets/books/hydrology_3.svg" alt="" />
<div class="book-section-desc">
<div class="label cc-light">Snow Hydrology</div>
<p>Tutorial book demonstrating ML use case in snow cover mapping</p>
</div>
</a>
<a class="book-section has-border reverse animated-item pre-anim blur-in-anim" target="_blank"
href="https://geo-smart.github.io/deepicedrainpipe">
<img class="book-icon" src="assets/books/glaciology.svg" alt="" />
<div class="book-section-desc">
<div class="label cc-light">Glaciology</div>
<p>Cloud optimization of cloud data and ML identification of subglacial lakes</p>
</div>
</a>
<a class="book-section has-border animated-item pre-anim blur-in-anim" target="_blank"
href="https://catherine-m-breen.github.io/binarysnowmaps/">
<img class="book-icon" src="assets/books/hydrology_5.svg" alt="" />
<div class="book-section-desc">
<div class="label cc-light">Snow Hydrology</div>
<p>Workflow utilizing MODIS snow cover to extrapolate binary snow covered area</p>
</div>
</a>
</div>
<div><!-- 2ND COLUMN -->
<a class="book-section has-border animated-item pre-anim blur-in-anim" target="_blank"
href="https://gatorglaciology.github.io/gstatsimbook/">
<img class="book-icon" src="assets/books/seismology.svg" alt="" />
<div class="book-section-desc">
<div class="label cc-light">Geostatistics</div>
<p>Functions for interpolating and simulating geospatial phenomena</p>
</div>
</a>
<a class="book-section has-border reverse animated-item pre-anim blur-in-anim" target="_blank"
href="https://geo-smart.github.io/global_lstm_swe_modeling/">
<img class="book-icon" src="assets/books/hydrology_4.svg" alt="" />
<div class="book-section-desc">
<div class="label cc-light">Snow Hydrology</div>
<p>High resolution predictions of global snow using recurrent neural networks</p>
</div>
</a>
<a class="book-section has-border animated-item pre-anim blur-in-anim" target="_blank"
href="https://geo-smart.github.io/xai_sedimentation_use_case_book/">
<img class="book-icon" src="assets/books/wetlands.svg" alt="" />
<div class="book-section-desc">
<div class="label cc-light">Sedimentology</div>
<p>Interpretable AI for wetland and coastal sedimentation analysis</p>
</div>
</a>
</div>
</div>
<div class="title-group animated-item pre-anim blur-in-anim" style="margin-top: 3em;">
<h1 class="label cc-light">Coming Soon</h1>
<h2 class="heading">Future Books</h2>
</div>
<div class="two-column">
<div><!-- 1ST COLUMN -->
<a class="book-section has-border disabled animated-item pre-anim blur-in-anim" target="_blank"
href="https://todoran.dev/elwha_dataset_realignment/">
<img class="book-icon" src="assets/books/elwha.svg" alt="" />
<div class="book-section-desc">
<div class="label cc-light">Potamology</div>
<p>CV workflow for image realignment + cold water refuge mapping</p>
</div>
</a>
<a class="book-section has-border reverse disabled animated-item pre-anim blur-in-anim" target="_blank"
href="https://github.com/geo-smart/flood-risk-ml-tutorial">
<img class="book-icon" src="assets/books/hydrology_2.svg" alt="" />
<div class="book-section-desc">
<div class="label cc-light">Hydrology</div>
<p>Enhanced flood risk assessment with machine learning</p>
</div>
</a>
</div>
<div><!-- 2ND COLUMN -->
<a class="book-section has-border disabled animated-item pre-anim blur-in-anim" target="_blank"
href="https://whitelightning450.github.io/GeoSmart_ML_Tutorial/">
<img class="book-icon" src="assets/books/hydrology_1.svg" alt="" />
<div class="book-section-desc">
<div class="label cc-light">Snow Hydrology</div>
<p>Deep learning for large scale SWE estimation</p>
</div>
</a>
</div>
</div>
</section>
<div class="home-content-wrap wf-section page-nav-section-marker" id="Contributing">
<div class="title-group animated-item pre-anim blur-in-anim">
<div class="label cc-light">Resources</div>
<h2 class="heading">Contributing Content</h2>
</div>
<div class="rich-text w-richtext animated-item pre-anim blur-in-anim">
<p>
Tutorial content can be integrated into jupyterbooks in one of two ways: do it yourself (use a template book
and add your content) or by providing use your content (preferably in a github repo) and asking us integrate it.
The barebones template contains the minimum amount of files for setting up an online jupyter notebook, including
the automated CI/CD deployment to Github Pages. The regular template book contains everything the barebones
template has as well as extensive instructions for getting started, setup for conda environments to promote
reproducibility, and setup for building binder environments from via conda.
</p>
</div>
<a class="book-section animated-item pre-anim pop-anim" target="_blank"
href="https://github.com/geo-smart/use_case_template">
<div class="book-section-desc">
<div class="label cc-light">Template Book</div>
<p>Resource for contributing to the geoscience machine learning library</p>
</div>
<img class="book-icon" src="assets/books/template_book.svg" alt="" />
</a>
<a class="book-section animated-item pre-anim pop-anim" target="_blank"
href="https://github.com/geo-smart/simple-template">
<div class="book-section-desc">
<div class="label cc-light">Barebones Book</div>
<p>Minimum template for contributing to the geosmart library</p>
</div>
<img class="book-icon" src="assets/books/barebones_book.svg" alt="" />
</a>
<div class="rich-text w-richtext animated-item pre-anim blur-in-anim">
<p>
If you have any doubts about which to choose, pick the regular template book.
The goal is to provide executable code on some platform. The contributor can choose between Binder, Google
Colab, and Free AWS (for smaller cloud-based examples). If none of the above options work for you, please
contact us directly to discuss further.
</p>
</div>
</div>
<!-- END MAIN PAGE CONTENT -->
<!-- %START FOOTER -->
<footer class="section">
<div class="divider"></div>
<div class="container footer">
<div class="footer-wrap">
<a href="https://todoran.dev/" target="_blank" class="webflow-link w-inline-block">
<img src="assets/img/design.png" height="17" alt="" class="webflow-logo-tiny" />
<div class="paragraph-tiny">Website Design</div>
</a>
<a href="#scroll-top" class="webflow-link w-inline-block" id="scroll-top-button" title="Scroll to top">
<div class="paragraph-tiny">© GeoSMART</div>
<img src="assets/img/tiny_geosmart.png" height="15" alt="" class="webflow-logo-tiny" />
</a>
</div>
</div>
</footer>
<!-- %END FOOTER -->
<script type="module" src="js/index.js"></script>
</html>