Skip to content

Commit a160d66

Browse files
committed
Added figure for data structure & cleaned slides for Explorer.
1 parent 4ab64f7 commit a160d66

6 files changed

Lines changed: 1083 additions & 317 deletions

File tree

CANQUA2018/Explorer_workshop.html

Lines changed: 222 additions & 116 deletions
Original file line numberDiff line numberDiff line change
@@ -33,168 +33,274 @@
3333
<h1>Neotoma CANQUA Workshop</h1>
3434
</div>
3535
</section>
36+
<section id="neotomaSummary">
37+
<div class="textcontainer">
38+
<div class="title">
39+
<h1>About neotoma</h1>
40+
</div>
41+
<div class="textbox">
42+
<ul id="buttons">
43+
<li id="buttons">8,000+ Sample Sites</li>
44+
<li id="buttons">16,000+ Datasets</li>
45+
<li id="buttons">14,000+ Dataset PIs</li>
46+
<li id="buttons">28 Dataset Types</li>
47+
<li id="buttons">Hits/yr</li>
48+
</ul>
49+
</div>
50+
</div>
51+
</section>
52+
<section>
53+
<div class="textcontainer">
54+
<div class="title">
55+
<h1>Current and Ongoing Work</h1>
56+
</div>
57+
<div class="textbox">
58+
<ul id="buttons">
59+
<!-- TODO - add href links -->
60+
<li id="buttons">Migration from SQL Server & .NET to Postgres/node.js</li>
61+
<li id="buttons">DOI System Developed</li>
62+
<li id="buttons">Embargo System Development</li>
63+
<li id="buttons">EarthLife Consortium</li>
64+
<li id="buttons">Throughput System</li>
65+
</ul>
66+
</div>
67+
</div>
68+
</section>
69+
<section id="divStruct">
70+
<div class="figcontainer">
71+
<div class="title">
72+
<h1>Neotoma Data Structure</h1>
73+
</div>
74+
<div class="figbox">
75+
<img src="images/data_structure.svg">
76+
</div>
77+
</div>
78+
</section>
3679
</section>
80+
81+
<!-- Explore With Neotoma -->
82+
3783
<section>
38-
<section data-background-color="#f94d59ee" id="explore">
39-
<div class="title">
40-
<h1>Exploring With Neotoma</h1>
84+
<section id="explore">
85+
<div class="figcontainer">
86+
<div class="title">
87+
<h1>Exploring With Neotoma</h1>
88+
</div>
89+
<div class="figbox">
90+
<img src="images/neotoma_sites_exploration.png">
91+
</div>
4192
</div>
4293
</section>
43-
<section>
44-
<h1>Neotoma Explorer</h1>
45-
A map based explorer, search directly, or through URL
46-
<img src="./images/explorer_window.png">
47-
</section>
48-
<section id="navNeotoma">
49-
<h1>Direct navigation</h1>
50-
<div>
51-
<div class="leftCol">
94+
<section id="explorer">
95+
<div class="figcontainer">
96+
<div class="title">
97+
<h1>Neotoma Explorer</h1>
98+
</div>
99+
<div class="textbox">
100+
A map based explorer, search directly, or through URL.
101+
</div>
102+
</div>
103+
</section>
104+
<section id="divNav">
105+
<div class="textcontainer">
106+
<div class="title">
107+
<h1>Direct navigation</h1>
108+
</div>
109+
<div class="textbox">
52110
<ul id="buttons">
53111
<li id="buttons"><a href="http://neotomadb.org" target="_blank">http://neotomadb.org</a></li>
54112
<li id="buttons"><a href="http://apps.neotomadb.org/explorer" target="_blank">http://apps.neotomadb.org/explorer</a></li>
55113
</ul>
56114
</div>
57-
<div class="rightCol">
58-
<iframe width=100% src="https://www.youtube-nocookie.com/embed/8xTNtrdFeoI?rel=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
59-
</div>
115+
<div class="seeIt"><a href="https://www.youtube-nocookie.com/embed/8xTNtrdFeoI?rel=0" target="_blank">See it in action</a></p>
116+
</div>
60117
</section>
61118
<section id="dataSearch">
62-
<h1>Search for Data</h1>
63-
<div>
64-
<div class="leftCol">
119+
<div class="textcontainer">
120+
<div class="title">
121+
<h1>Search for Data</h1>
122+
</div>
123+
<div class="textbox">
65124
<ul id="buttons">
66-
<li id="buttons">Basic Search</li>
67-
<li id="buttons">Enter <em>Age Range</em></li>
68-
<li id="buttons">Enter <em>Taxon</em></li>
69-
<li id="buttons">Enter <em>Abundance</em></li>
125+
<li id="buttons">Basic Search tab</li>
126+
<li id="buttons">Enter Age Range</li>
127+
<li id="buttons">Enter Taxon</li>
128+
<li id="buttons">Enter Abundance</li>
70129
</ul>
130+
</div>
131+
<div class="seeIt"><a href="https://www.youtube-nocookie.com/embed/NCWNNcr0pcg?rel=0" target="_blank">See it in action</a></p>
132+
</section>
133+
<section id="southernPicea">
134+
<div class="figcontainer">
135+
<div class="title"><h1>A quick question</h1></div>
136+
<div class="figbox">
137+
<img src="images/gifs/SouthernmostPicea.gif">
71138
</div>
72-
<div class="rightCol" width=50%>
73-
<iframe width=100% src="https://www.youtube-nocookie.com/embed/NCWNNcr0pcg?rel=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
139+
<div class="textbox">
140+
<strong>What state has the southernmost location of</strong> <em>Picea</em> <strong>in this search?</strong>
74141
</div>
75142
</div>
76143
</section>
77-
<section>
78-
<img src="images/"
79-
<strong>What state has the southernmost location of *Picea* in this search?</strong>
80-
</section>
81144
<section id="sitesearch">
82-
<h1>Search for Sites</h1>
83-
<div class="figcontainer">
84-
<div>
85-
<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/wy_xhDMi9WE?rel=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
86-
</div>
87-
<div class="fignotes">
88-
<ul>
89-
<li>Use the Search dialog window
90-
<ul>
91-
<li><b>Advanced</b> tab</li>
92-
<li><b>Metadata</b> subtab</li>
93-
<li><b>Site Name</b> field</li>
94-
<li>find "Devil's Lake, WI".</li>
95-
</ul>
96-
<li id="buttons">Once you've performed the search, click on the point that appears. A window will pop up with some information about this record.</li>
145+
<div class="textcontainer">
146+
<div class="title">
147+
<h1>Search for Sites</h1>
148+
</div>
149+
<div class="listbox">
150+
<ul id="buttons">
151+
<li id="buttons">Advanced tab</li>
152+
<li id="buttons">Metadata subtab</li>
153+
<li id="buttons">Site Name field</li>
154+
<li id="buttons">Find "Devil's Lake, WI".</li>
97155
</ul>
98156
<details>
99-
<summary>What is the latitude and longitude of Devil's Lake? What is the Site ID?</summary>
100-
The lat/long is XXXX.
157+
<summary><b>What is the latitude and longitude of Devil's Lake? What is the Site ID?</b></summary>
158+
The lat/long is <b>[-89.73205W, 43.4178N]</b>.
101159
</details>
102160
</div>
161+
<div class="seeIt"><a href="https://www.youtube-nocookie.com/embed/wy_xhDMi9WE?rel=0" target="_blank">See it in action</a></p>
103162
</div>
104163
</section>
105164
<section>
106-
<h1>View Data</h1>
107-
<ul id="buttons">
108-
<li id="buttons">Find Devil's Lake (WI) again. Click on the site.</li>
109-
<li id="buttons">In the popup window with metadata for Devil's Lake, note that the bottom includes a list of datasets available at the site.</li>
110-
<li id="buttons">Hold the mouse over the pollen dataset.</li>
111-
<li id="buttons">View the Devil's Lake pollen dataset.</li>
112-
<li id="buttons">Samples: A data table. Each row is a different variable and each column is a stratigraphic depth.</li>
113-
<li id="buttons">Diagram: Plots a stratigraphic diagram. Change the Primary Axis to 'COHMAP Chron 2' (this switches the vertical axis from a depth axis to time axis; more about depth vs. time later) then click 'Draw.'</li>
114-
</ul>
165+
<div class="textcontainer">
166+
<div class="title">
167+
<h1>View Data</h1>
168+
</div>
169+
<div class="listbox">
170+
<ul id="buttons">
171+
<li id="buttons">Find Devil's Lake (WI) again. Click on the site.</li>
172+
<li id="buttons">What of datasets are available at the site?</li>
173+
<li id="buttons">Hold the mouse over the pollen dataset.</li>
174+
<li id="buttons">View the Devil's Lake pollen dataset.</li>
175+
<li id="buttons">Samples: Each row is a different variable and each column is a stratigraphic depth.</li>
176+
<li id="buttons">Diagram: Change the Primary Axis to 'COHMAP Chron 2' then click 'Draw.'</li>
177+
</ul>
178+
</div>
179+
</div>
115180
</section>
116181
<section id="devil_questions">
117-
<details>
118-
<summary>What was the most abundant plant taxon at Devil's Lake during the end of the Pleistocene?</summary>
119-
The most abundant taxon at Devil's Lake was <em>Picea</em>.
120-
</details>
121-
<details>
122-
<summary>What has been the most abundant taxon during the Holocene? (from 11,000 years ago to present)</summary>
123-
*Note: Here we are assuming that plant with the most abundant pollen in sediments is also the most abundant on the landscape. This isn't necessarily a good assumption; we'll save that challenge for another day.*
124-
</details>
125-
126-
<details>
127-
<summary>
128-
Using the information in the Chronology tab, how many age controls are stored for Devil's Lake? How many of these are radiocarbon dates?
129-
</summary>
130-
This is the answer
131-
</details>
132-
<details>
133-
<summary>What publications are listed for Devil's Lake?</summary>
134-
Here's the answer.
135-
</details>
182+
<div class="textcontainer">
183+
<div class="textbox">
184+
<details>
185+
<summary>What was the most abundant plant taxon at Devil's Lake during the end of the Pleistocene?</summary>
186+
The most abundant taxon at Devil's Lake was <em>Picea</em>.
187+
</details>
188+
</div>
189+
</div>
136190
</section>
137-
<section>
138-
<h1>Find All Work by a PI</h1>
139-
<div>
140-
<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/wzbeD2VK4Pw?rel=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
141-
<div>
142-
<strong>In which states has Lou worked?</strong>
191+
<section id="devil_questions">
192+
<div class="textcontainer">
193+
<div class="textbox">
194+
<details>
195+
<summary>What has been the most abundant taxon during the Holocene? (from 11,000 years ago to present)</summary>
196+
*Note: Here we are assuming that plant with the most abundant pollen in sediments is also the most abundant on the landscape. This isn't necessarily a good assumption; we'll save that challenge for another day.*
197+
</details>
198+
</div>
199+
</div>
200+
</section>
201+
<section id="devil_questions">
202+
<div class="textcontainer">
203+
<div class="textbox">
204+
<details>
205+
<summary>Using the information in the Chronology tab, how many age controls are stored for Devil's Lake? How many of these are radiocarbon dates?</summary>
206+
There are 11 age controls.
207+
</details>
208+
</div>
209+
</div>
210+
</section>
211+
<section id="devil_questions">
212+
<div class="textcontainer">
213+
<div class="textbox">
214+
<details>
215+
<summary>What publications are listed for Devil's Lake?</summary>
216+
<p>Maher, L.J., Jr. 1982. The palynology of Devils Lake, Sauk County, Wisconsin. Pages 119-135 in J.C. Knox, L. Clayton, and D.M. Mickelson, editors. Quaternary History of the Driftless Area. Field Trip Guide Book 5. University of Wisconsin-Extension, Geological and Natural History Survey, Madison, Wisconsin, USA. Notes: Prepared for 29th Annual Meeting Midwest Friends of the Pleistocene, Prairie du Chien, Wisconsin, May 22 and 23, 1982.</p>
217+
<p>Bender, M.M., D.A. Baerreis, and R.A. Bryson. 1980. University of Wisconsin radiocarbon dates XVII. Radiocarbon 22(1):115-129. [DOI: 10.2458/azu_js_rc.22.599]</p>
218+
</details>
143219
</div>
144220
</div>
145221
</section>
222+
<section id="authorCheck">
223+
<div class="textcontainer">
224+
<div class="title">
225+
<h1>Find All Work by a PI</h1>
226+
</div>
227+
<div class="textbox">
228+
<p><strong>In which states has Lou worked?</strong></p><br>
229+
<p style="font-size:.8em"><a href="https://github.com/neotomadb/AuthorNetwork" target="_blank">Check how we can use the API to map</p>
230+
</div>
231+
<div class="seeIt"><a href="https://www.youtube-nocookie.com/embed/wzbeD2VK4Pw?rel=0" target="_blank">See it in action</a></p>
232+
</div>
233+
</section>
146234
<section>
147-
<h1>Find All Datasets by Type</h1>
148-
<div>
149-
<div>
150-
<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/y9Hn-fCBsAw?rel=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
235+
<div class="textcontainer">
236+
<div class="title">
237+
<h1>Find All Datasets by Type</h1>
238+
</div>
239+
<div class="textbox">
240+
<ul id="buttons">
241+
<li id="buttons">Advanced Tab</li>
242+
<li id="buttons">Dataset Type</li>
243+
</ul>
151244
</div>
152-
<div>
153-
<p>The generation of fossil pollen records is labor intensive and hence expensive - *e.g.* the costs of fieldwork, the money spent on radiocarbon dates, the time required for a trained analysis to identify and count pollen data, etc. A rough time/cost estimate for a single fossil pollen record is on the order of two years and $30,000. Given this, give an order-of-magnitude estimate of the number of person-years and dollars it took to generate these fossil pollen records now stored in Neotoma. (Order-of-magnitude = 10 person-years? 100 person-years? 1000? etc.)</p>
154-
<p>Notice there is a fairly dense network of fossil pollen sites in an arc stretching from Minnesota to Nova Scotia. Why might there be such a dense network in this region?</p>
155-
<div>
245+
<div class="seeIt"><a href="https://www.youtube-nocookie.com/embed/y9Hn-fCBsAw?rel=0" target="_blank">See it in action</a>
246+
</div>
156247
</section>
157248
<section>
158-
<h1>Show/Hide Search Results</h1>
159-
<iframe width="560" height="315" src="https://www.youtube.com/embed/CXglRhpKD5U" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
249+
<div class="textcontainer">
250+
<div class="title">
251+
<h1>Show/Hide Search Results</h1>
252+
</div>
253+
<div class="textbox">
254+
255+
</div>
256+
<div class="seeIt"><a href="https://www.youtube.com/embed/CXglRhpKD5U" target="_blank">See it in action</a>
257+
</div>
160258
</section>
161259
<section>
162-
<h1>Download Data</h1>
163-
<ul>
164-
<li>In the popup window with metadata for Devil's Lake, hold the mouse over the pollen dataset. Note that an eyeball and '+' appear to the right. Click on the '+'. This adds the dataset to a 'Datasets' tray.
165-
<li>Find the icon for the 'Saved Datasets Tray' and click on it.
166-
<li>Hover over the dataset then click on the Save icon to the right. The dataset will be saved as a text file in CSV (comma separated value) format.
167-
<li>Open the downloaded CSV file in Excel or a text editor (e.g. Notepad, Wordpad) to look at it.
260+
<div class="textcontainer">
261+
<div class="title">
262+
<h1>Download Data</h1>
263+
</div>
264+
<div class="listbox">
265+
<ul id="buttons">
266+
<li id="buttons">Hold the mouse over the pollen dataset.</li>
267+
<li id="buttons">Click on the '+'. This adds the dataset to a 'Datasets' tray.</li>
268+
<li id="buttons">Find the icon for the 'Saved Datasets Tray' and click on it.</li>
269+
<li id="buttons">Hover over the dataset then click on the Save icon to the right.</li>
270+
<li id="buttons">Open the downloaded CSV file in Excel or a text editor (e.g. Notepad, Wordpad) to look at it.</li>
271+
</ul>
168272
<details>
169273
<summary>What is the most abundant taxon at Depth = 1 cm?</summary>
170-
It's this taxon.
171274
</details>
172275
</section>
173276
</section>
174277

175278
<section>
176279
<section>
177-
<h1>Synthesizing With Neotoma</h1>
178-
</section>
179-
<section>
180-
<h1>Multi-Taxon Search</h1>
181-
<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/C5Ldw7Nu0Hg?rel=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
182-
183-
1. Find all sites with at least 20% *Picea* pollen between 15,000 and 12,000 years ago.
184-
2. Find all sites with Mammut (mastodon) between 15,000 and 12,000 years ago.
185-
1. For Mammut, use the 'Advanced Taxon Selection' which you can use by clicking on the gears icon to the right of the 'Taxon' field in the 'Search' window.
186-
2. In the ATS window, choose 'Mammals' for Taxa Group and then enter Mammut into the 'Search for' window. Then click 'Go'
187-
3. Note that the search returned taxon names for both Mammut (mastodon) and Mammuthus (mammoth). Click all boxes for all variants of Mammut but do not click the Mammuthus boxes
188-
4. Enter a search name (e.g. 'Mammut - all') and click Save
189-
5. In the general search window, click 'Search'
190-
191-
* **QUESTION 6** Does mastodon tend to live in places with spruce, or without spruce? Suggest two hypotheses that might explain the observed association.
280+
<div class="textcontainer">
281+
<div class="title">
282+
<h1>Synthesizing With Neotoma</h1>
283+
</div>
284+
</div>
192285
</section>
193-
<section>
194-
<h1>Multi-Time Search</h1>
195-
<iframe width="560" height="315" src="https://www.youtube.com/embed/e8oJWS7B8OQ" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
196-
197-
* **QUESTION 7** Describe the history of *Picea* distributions in eastern North America over the last 21,000 years (i.e. ignore the Rockies and points west). What environmental change(s) might be causing this shift in *Picea* distributions? Given that trees are sessile (immobile) organisms, what processes might allow the observed range shifts?
286+
<section id="multiTax">
287+
<div class="textcontainer">
288+
<div class="title">
289+
<h1>Multi-Taxon Search</h1>
290+
</div>
291+
<div class="listbox">
292+
<ul id="buttons">
293+
<li id="buttons">Find all sites with at least 20% *Picea* pollen between 15,000 and 12,000 years ago.</li>
294+
<li id="buttons">Find all sites with Mammut (mastodon) between 15,000 and 12,000 years ago.</li>
295+
<li id="buttons">For Mammut, use the 'Advanced Taxon Selection' which you can use by clicking on the gears icon to the right of the 'Taxon' field in the 'Search' window.</li>
296+
<li id="buttons">In the ATS window, choose 'Mammals' for Taxa Group and then enter Mammut into the 'Search for' window. Then click 'Go'</li>
297+
<li id="buttons">Note that the search returned taxon names for both Mammut (mastodon) and Mammuthus (mammoth). Click all boxes for all variants of Mammut but do not click the Mammuthus boxes</li>
298+
<li id="buttons">Enter a search name (e.g. 'Mammut - all'), Save & Search</li>
299+
</ul>
300+
</div>
301+
<div class="seeIt">
302+
<a href="https://www.youtube-nocookie.com/embed/C5Ldw7Nu0Hg?rel=0" target="_blank">See it in action</a>
303+
</div>
198304
</section>
199305
</section>
200306
</div>

0 commit comments

Comments
 (0)