-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
166 lines (148 loc) · 10.9 KB
/
index.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
<!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 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 rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.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/activity-map.css">
<link rel="stylesheet" href="css/tooltip.css" />
<script src="js/HarvData.json"></script>
<script src="js/StateKey.json"></script>
<!-- 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:#EDEFF0; border:none; text-align: center;" class="navbar navbar-default">
<div class="container-fluid">
<ul class="nav navbar-nav">
<li class="active"><a href="index.html">Harvest <br>Data & Maps</a></li>
<li ><a href="wings.html">Wing ID</a></li>
</ul>
</div>
</nav>
<h1>What do we learn from harvest surveys?</h1><br>
<!-- TemplateEndEditable -->
</div>
<div id="content-area" style="padding-bottom: 0;">
<!-- TemplateBeginEditable name="content" -->
Hunters provide information that helps set annual hunting regulations, ensuring both the best possible opportunities for hunting and healthy waterfowl populations. The <strong>Harvest Diary Survey</strong> tells us how many people hunted in each state, how many days, when and in what county they hunted, and how many birds were harvested. (Someone registering for the <strong>Harvest Information Program (HIP)</strong> might wonder: <em>"I get asked questions about my hunting when I register, is that all there is to the survey?"</em> <a href="#!" id="tooltip" data-toggle="tooltip" data-html="true" title="Questions asked during HIP registration about how many birds you harvested the <strong>previous</strong> year help make sure we send surveys to the right people ... so that, for example, we send most of our dove surveys to people who hunt doves, rather than to waterfowl hunters."><span class="toolText">No! </span><i class="fa fa-info-circle" style="color:#002868;"></i></a>). The Diary Survey has been conducted for over 50 years, including years with short hunting seasons, years with long hunting seasons, various daily bag limits, and a range of season dates.
<div class="overflow-hidden"><!--visualization #1-->
<h2 style="margin-bottom: -2px">State waterfowl Hunting by the numbers (10-year average)</h2>
<span id="subhead-text" style="font-weight: normal;">Select a state on the map</span>
<div id="container">
<div id="map-container">
<svg id="activity-map" viewBox="0 0 960 550" preserveAspectRatio="xMinYMin meet"></svg>
</div>
<div id="data-panel" style="width: 250px;"></div>
</div>
<br>We use the Diary Survey to estimate harvest and hunting effort. For example, we multiply the average number of ducks shot, as reported on the Diary Survey, by the number of duck hunters to estimate the number of ducks shot in each state (<a href="#!" id="tooltip" data-toggle="tooltip" title="Hunters are required to register for the Harvest Information Program (HIP) in each state they hunt migratory game birds. Methods of registration vary from state to state - some states require a separate permit, others offer free HIP registration over the internet, etc. - so, before you hunt game birds, be sure you know what the state requires, especially if you're a nonresident!"><span class="toolText">how do we know the number of waterfowl hunters in a state?</span>
<i class="fa fa-info-circle" style="color:#002868;"></i></a>).
<p style="margin-bottom: -3px;">Diary Survey participants tell us the days they hunted and how many birds they harvested each day. This information allows state wildlife agencies to choose the hunting dates that will provide the best hunting, because a state agency can look at the number of birds shot on each date for the past, say, 10 years, to figure out when the most birds are harvested in their state, and set their season to cover those dates.</p>
</div><!--end vis #1-->
<div class="overflow-hidden"><!--visualization #2-->
<h2 style='margin-bottom: -2px'>Weekly harvest by region (10-year average)</h2>
<span id="subhead-text" style="font-weight: normal;">Select a region on the map</span>
<div id="mapid">
<svg id="barchart" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 750 550" preserveAspectRatio="xMaxYMax meet"></svg>
</div>
</div> <!--end vis #2-->
<div class="overflow-hidden"><!--visualization #3-->
<br>Information about where birds are harvested is also important. Duck harvest is high in areas where there are lots of ducks, and that's because those areas have good duck habitat. So, the Harvest Survey can help the USFWS, state wildlife agencies, and other partners decide where they should use their resources to protect, maintain, and improve critical wetland habitats for waterfowl.
<p>The Harvest Survey covers 3,115 counties/census units in the Contiguous U.S. Over the past 10 years, the survey has recorded duck harvest in 86% of these units, and goose harvest in 69%. Units with no harvest reported may see harvest at rates too low to be recorded by the survey.</p>
<h2 style="margin-bottom: -2px">waterfowl harvest by county</h2>
<span id="subhead-text" style="font-weight: normal;">Click on county for more information, double click or mouse scroll to zoom</span>
<div id="hmap-container">
<div id="selector">
<ul class="option">
<li id="rank-duck" onclick="changeRank('duck')">Duck Rankings</li>
<li id="rank-goose" onclick="changeRank('geese')">Goose Rankings</li>
</ul>
</div>
<div>
<div id="hmap">
<svg id="harvest-map" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 960 600" preserveAspectRatio="xMinYMin meet"></svg>
</div>
<div id="legend">
<ul class="legend" style="list-style: none;">
<li><span class="five"></span>high harvest</li>
<li><span class="four"></span></li>
<li><span class="three"></span></li>
<li><span class="two"></span></li>
<li><span class="one"></span>low harvest</li>
</ul>
</div>
</div>
</div><!--end hmap-container div-->
</div><!-- end vis 3 div -->
<div class="overflow-hidden">
<br>
Estimating harvest, hunter effort, and where birds are harvested are not the only pieces of information we can collect through Harvest Surveys. We also gather species-specific information about some migratory game species.
<p style="float: right; padding: 5px;"><img class="img-style img-rounded" src="img/mallardwings.jpg" title="mallard wings" onmouseover="mallard wings" height="138" width="400"/>
<p>Did you know ducks can be identified using just a wing?
<a href="#!" id="tooltip" data-toggle="tooltip" title="We can also determine the bird's age and sex. Knowing the species and sex are important because of hunter bag limits."><span class="toolText">Yes, it's true!</span> <i class="fa fa-info-circle" style="color:#002868;"></i></a>
<a href="wings.html" style="font-weight: bold;">Click here to watch videos on identifying ducks by wing!</a></p>
</div>
<!--footer information, moved inside of main content area div so it aligns with the rest of the page-->
<div style="float: left; text-align: left; line-height: 1.2;"><hr>
<p style="margin-top: 0.5%; font-size: 10pt;">This content was developed through a collaboration between staff from the USFWS Migratory Bird Program and USGS Patuxent Wildlife Research Center. The project was kicked off at an internal 2017 National Civic Day of Hacking event held at PWRC. Participants included Tony Bethea, Theo Burton, Tony Celis-Murillo, Chris Deets, Rob Fowler, Pam Garrettson, Kayt Jonsson, Jenn Malpass, Derek Masaki, Paul Padding, Bob Raftovich, Becky Rau, Emily Silverman, Alli Sussman, Khristi Wilkins, and Nathan Zimpfer.</p>
<span style="font-size: 12pt;">Last Updated: September 24, 2018.</span>
</div>
<!-- TemplateEndEditable -->
</div><!--ends content area div-->
</div><!--ends content div-->
</div><!--ends wrap div-->
</div><!--ends content wrapper div-->
</div><!--ends div for mobile nav-->
<!-- TemplateBeginEditable name="content-footer" -->
<!--bottom include: used for scripts, footers, etc-->
<script src="js/activity-map.js" type="text/javascript"></script>
<script src="js/barchart.js" type="text/javascript"></script>
<script src="js/rank-map.js" type="text/javascript"></script>
<script src="js/tooltip.js" type="text/javascript"></script>
<!-- TemplateEndEditable -->
</body>
</html>