forked from thoufer/harvestVis_demo
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathharvest-map.html
162 lines (135 loc) · 11 KB
/
harvest-map.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
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html ng-app="plunker" class="no-js">
<!--<![endif]-->
<head>
<!-- TemplateBeginEditable name="doctitle" -->
<title>U.S. Fish & Wildlife Service - Migratory Bird Program | Conserving America's Birds</title>
<!-- TemplateEndEditable -->
<!-- TemplateBeginEditable name="head" -->
<!--edit <head> data here-->
<meta name="description" content="">
<script src="https://d3js.org/d3.v4.min.js"></script>
<script src="https://d3js.org/topojson.v2.min.js"></script>
<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<script>document.write('<base href="' + document.location + '" />');</script>
<script data-require="[email protected]" src="https://code.angularjs.org/1.3.14/angular.js" data-semver="1.3.14"></script>
<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://www.fws.gov/birdhabitat/css/main.css">
<link rel="stylesheet" href="https://www.fws.gov/birdhabitat/css/normalize.min.css">
<link href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet" type="text/css">
<link type="text/css" rel="stylesheet" media="all" href="https://www.fws.gov/birdhabitat/css/mobile-menu/jquery.mmenu.css" />
<link type="text/css" rel="stylesheet" media="all" href="https://www.fws.gov/birdhabitat/css/mobile-menu/extensions/jquery.mmenu.positioning.css" />
<link rel="stylesheet" href="https://www.fws.gov/birdhabitat/css/custom-styling.css">
<link rel="stylesheet" href="css/tooltip.css" />
<!-- TemplateEndEditable -->
</head>
<body class="content-page">
<div><!--this wrapping div is used for the mobile nav-->
<div id="content-hero"><div class="wrap">
<!-- TemplateBeginEditable name="hero-image" -->
<!--hero image goes here-->
<!-- TemplateEndEditable -->
</div></div>
<div id="breadcrumb"><div class="wrap">
<!-- TemplateBeginEditable name="breadcrumb" -->
<!--if you want dynamic breadcrumb, leave as is-->
<p class="dynamic-breadcrumb"></p>
<!-- TemplateEndEditable -->
</div></div>
<div id="content-wrapper">
<div class="wrap">
<div id="side-col">
<!-- TemplateBeginEditable name="side-col" -->
<!--if you want dynamic side nav, leave as is-->
<!-- TemplateEndEditable -->
</div>
<div id="content">
<div id="page-headings">
<!-- TemplateBeginEditable name="headings" -->
<nav style="float: right; background-color:#F0EDE7; border:none; text-align: center;" class="navbar navbar-default">
<div class="container-fluid">
<!--<div class="navbar-header">
<a class="navbar-brand"></a>
</div>-->
<ul class="nav navbar-nav">
<li ><a href="index.html">Harvest <br>Data & Maps</a></li>
<li class="active"><a href="harvest-map.html">Wing ID</a></li>
</ul>
</div>
</nav>
<h2>How do we identify species from their wings?</h2><br>
<!-- TemplateEndEditable -->
</div>
<div id="content-area">
<!-- TemplateBeginEditable name="content" -->
The <strong>Waterfowl Diary Survey</strong> only asks about harvest of ducks, geese, sea ducks, and brant.
<a href="#!" id="tooltip" data-toggle="tooltip" title="Well, many novice hunters can't identify every duck they shoot, especially early in the season before birds have 'colored up' into their distinctive breeding plumage. Even experienced hunters can have a tough time identifying some birds. That's why we don't ask for species information in the Waterfowl Diary Survey.">
<span class="toolText">Why?</span>
<!--<span class="tooltipCustom" tooltip-follow-cursor>Why?<span class="tooltipCustomContent">Well, many novice hunters can't identify every duck they shoot, especially early in the season before birds have "colored up" into their distinctive breeding plumage. Even experienced hunters can have a tough time identifying some birds. That's why we don't ask for species information in the Waterfowl Diary Survey.</span></span>--> <img class="toolImg" src="img/answer.fw.png" onclick="myFunction()" alt="" height="16" width="15" style="vertical-align: middle" /></a> However, it is possible to identify duck species from their wing plumage and geese from their tail feathers.
Here is a short video that shows you how to tell a female "hen" mallard from a male "drake" mallard that doesn't have its bright breeding plumage (i.e., hasn't "colored up") yet, just by looking at their wings. Also, see further down on this page for a second video about species identification using wings.
<div class="overflow-hidden" style="padding-bottom: 5px; padding-right: 5px;">
<p>
<iframe class="img-style" style="float: left; margin-right: 16px;" width="560" height="315" src="https://www.youtube.com/embed/p9Y7-IDlPDg?rel=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen class="img-style"></iframe>
<span style="padding-top: 50px; padding-bottom: 5px; display: block; text-align: right; line-height: 1.2; font-size: 10pt;">Below is a duck wing showing the different feather groupings that are key to identifying duck species (click for a larger version)!</span>
<img id="myImg" class="img-style" style="float: right" width="30%" src="img/FeatherGroups.jpg" alt="Duck wing feather groupings" title="Duck wing feather groupings" />
<!-- The Modal (popup image larger)-->
<div id="myModal" class="modal">
<span class="close">×</span>
<img class="modal-content" id="img01">
<!----><div id="caption"></div>
</div>
</p>
</div><br>
<div class="overflow-hidden" style="padding-bottom: 5px; padding-right:5px;">
<p>
<img class="img-left img-style" src="img/envelope.fw.png" title="pcs envelope form" alt="pcs envelope form" />
<img class="img-right img-style" src="img/wingbee.fw.png" alt="envelopes" title="envelopes" />
</p>
<p>The <strong>Waterfowl Parts Collection Survey</strong> randomly selects 5-6,000 waterfowl hunters to send us a wing from every duck, and tail feathers from every goose, they shoot during the hunting season. This survey tells us the species composition of each state's duck and goose harvests. The image to the left shows the postage-paid envelope the selected waterfowl hunters send us for every individual bird they shoot during the hunting season. Once we receive the envelopes, biologists and volunteers gather together and sort through the wings and feathers to identify the species. The image above and to the right shows a stack of received envelopes and a duck wing ready for identification.</p></div>
<p><a href="#!" id="tooltip" data-toggle="tooltip" title="For example, say the estimated duck harvest (from the Diary Survey) in state X was 200,000 birds, and 35% of the wings from that state in the Parts Survey were mallards. Then estimated mallard harvest in state X is 70,000 birds (35% of 200,000).">
<span class="toolText">We combine Parts information with the estimates of harvest from the Diary Survey to get estimates of how many birds of each species were harvested.</span> <img class="toolImg" src="img/info.fw.png" alt="" height="16" width="15" style="vertical-align: middle" /></a>
We can also identify the sex of a duck from its wing, and whether it was a young-of-the-year bird or an adult. The ratio of young-of-the-year birds to adults gives a good measure of the production of each species compared to previous years. That, in turn, helps biologists keep track of how waterfowl populations are faring. The USFWS also measures annual production of dove, woodcock, and band-tailed pigeons with Parts Collection Surveys.</p>
<div class="overflow-hidden">
<p class="img-right" style="padding-right: 5px;"><img class="img-style" src="img/femalebwte.jpg" alt="female blue-winged teal" title="female blue-winged teal" /></p>
<p>Duck wing identification can be a handy skill when you're having a good day in the duck blind, since you're only allowed to shoot one or two of some species. Male ducks are usually (but not always) easy to identify, but young-of-the-year females of several species are pretty drab "brown ducks" and look similar.</p>
<p>What is the duck on the right?</p>
<p class="img-left"><img class="img-style" src="img/femgadw.jpg" alt="female gadwall" title="female gadwall" /></p>
<br />
<p><br />What about the one on the left? Do you have to worry about the next bird you shoot if you have already bagged one of these? Below is another video showing you how to identify several "brown ducks" of different species by their wings.</p></div>
<div class="overflow-hidden" style="padding-bottom: 5px; padding-right: 5px;">
<p>
<iframe class="img-style" style="float: left; margin-right: 16px;" width="560" height="315" src="https://www.youtube.com/embed/Mmzwrw-kg4E" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen class="img-style"></iframe>
<span style="padding-top: 50px; padding-bottom: 5px; display: block; text-align: right; line-height: 1.2; font-size: 10pt;">Below is a duck wing showing the different feather groupings that are key to identifying duck species (click for a larger version)!</span>
<img id="myImg2" class="img-style" style="float: right" width="30%" src="img/FeatherGroups.jpg" alt="Duck wing feather groupings" title="Duck wing feather groupings" />
<!-- The Modal (popup image larger)-->
<div id="myModal2" class="modal2">
<span class="close2">×</span>
<img class="modal-content2" id="img02">
<!----><div id="caption2"></div>
</div>
</p>
</div><br>
<p><a href="index.html" style="font-weight: bold;">Click here to see maps showing waterfowl harvest in through the U.S.</a></p>
<!-- TemplateEndEditable -->
</div><!--ends content area div-->
</div><!--ends content div-->
</div><!--ends wrap div-->
</div><!--ends content wrapper div-->
<div id="update"><div class="wrap">
<p>Last Updated: <!-- #BeginDate format:Am1 -->May 10, 2018<!-- #EndDate --></p>
</div></div>
</div><!--ends div for mobile nav-->
<?php include "https://www.fws.gov/birdhabitat/includes/scripts.php" ?>
<!-- TemplateBeginEditable name="content-footer" -->
<!--bottom include: used for scripts, footers, etc-->
<script src="js/tooltip.js" type="text/javascript"></script>
<!-- TemplateEndEditable -->
</body>
</html>