forked from si649/wildlife-strikes
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathlanding.html
66 lines (47 loc) · 3.27 KB
/
landing.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
<!doctype html>
<html>
<head>
<link href='http://fonts.googleapis.com/css?family=Rosario:400,700' rel='stylesheet' type='text/css'>
<title> WSR Visualization - Terror in the Skies! </title>
<link rel="shortcut icon" href="favicon.png" />
<link rel="stylesheet" href="css/style.css" type="text/css" />
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.4/leaflet.css" />
<link rel="stylesheet" href="css/paul.css" type="text/css" />
</head>
<body>
<div id="background">
<img alt="" class="stretch" src="images/background.jpg">
</div>
<!-- Div floating over the map -->
<!-- <div id="textBackground">
</div> -->
<img id = "birdimg" src="images/bird_logo_28x30.png">
<div id="main">
<div id="header">
<h1><a href="landing.html">Wild Life Strikes</a></h1>
<img id = "headerimg" src="images/bird_logo_28x30.png">
</div>
<div id="contentborder">
<div id="content">
<div class="button"><a href="index.html">Go to the visualization</a></div>
<h3>About</h3>
<p>
Our goal was to make it easier to explore the FAA's <a href="http://wildlife-mitigation.tc.faa.gov/wildlife/"> Wildlife Stike Database</a>. This data has an incredible amount of information, but the size makes it difficult to explore in an efficient manner.<br>
</p>
<h3>The Data</h3>
<p>
The main data for this project comes from the FAA's <a href="http://wildlife-mitigation.tc.faa.gov/wildlife/"> Wildlife Stike Database</a>. We used a subset of the data from 1999 through July of 2012. This gave us 110,942 incidents. When the visualization loads, the first date that appears is January of 2009. We chose this period because this was when <a href="http://en.wikipedia.org/wiki/US_Airways_Flight_1549">Flight 1549</a> hit a flock of birds while taking off from LaGuardia airport in New York City and made an emergency landing in the Hudson River. <br>
</p>
<h3>Tools</h3>
<p>
Once we had the data we used the <a href="https://developers.google.com/places/">Google Places API</a> to find latitude and longitude for all of the airports where strikes occured. <a href="http://d3js.org">D3 </a> is a javascript visualization library that we used to plot the airports on a map originally designed by <a href="http://maps.stamen.com/"> Stamen Design</a>. <br>
</p>
<h3>Team</h3>
<p>
<a href="http://wesleylauka.com/">Wesley Lauka</a>, <a href="http://onceyougodigital.com/about/">Jeremy Salfen</a>, <a href="http://www.philliptularak.com/">Phillip Tularak</a>, <a href="http://nikkiroda.com/">Nikki Roda</a>, and <a href="http://www.linkedin.com/in/paulellebrecht">Paul Ellebrecht</a> created this visualization as a final project for Information Visualization at the University of Michigan - School of Information in the Fall of 2012.<br>
</p>
</div>
</div>
</div>
</body>
</html>