-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
111 lines (101 loc) · 5.55 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- <script src='https://api.tiles.mapbox.com/mapbox-gl-js/v0.49.0/mapbox-gl.js'></script>-->
<script src='https://api.tiles.mapbox.com/mapbox-gl-js/v1.5.0/mapbox-gl.js'></script>
<link href='https://api.tiles.mapbox.com/mapbox-gl-js/v0.49.0/mapbox-gl.css' rel='stylesheet'/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<title>Atlanta E-Scooter Trips</title>
<link href="https://fonts.googleapis.com/css?family=Roboto+Slab:300" rel="stylesheet">
<link rel="stylesheet" href="style/style.css" type="text/css"/>
<style>
</style>
</head>
<body>
<div class="sidebar pad2">
<div class="header1">
<img src="media/gt-logo-gold.png" class="logo-image" alt="gt-logo">
</div>
<div id='listings' class='listings'>
<div class='item' id='listing-0'>
<p>The use of e-scooters in Atlanta and subsequent devastating crashes have prompted the
City to announce a <a href="https://www.atlantaga.gov/government/mayor-s-office/executive-offices/mklb-press-kit" target="blank" style="color:rgb(8, 23, 241);"s>program</a>
to rapidly install safety improvements for bikes, scooters, and pedestrians.
We wanted to determine if the location of these safety improvements aligned with current e-scooter use.
</p><p>Over the course of 16 days, we recorded the idle location of every e-scooter in the Atlanta area. Using this data we created a database of
every e-scooter trip and its likely route using the HERE Bike Routing API. Then each route was assigned to a street segement
to determine which streets e-scooters are most frequently routed.
</p><p>
We found that most freuquently used street segements were:
<ul>
<li>Peachtree Street NE</li>
<li>Centennial Olympic Park Drive NW</li>
<li>Luckie Street NW</li>
<li>Marietta Street NW</li>
<li>Decatur Street SE</li>
<li>Juniper Street NE</li>
<li>Glen Iris Drive NE</li>
<li>John Portman Blvd NE</li>
<li>Auburn Avenue NE</li>
<li>Edgewood Avenue NE</li>
</ul>This visualization shows frequency of e-scooter use on each road segment in Atlanta juxtaposed with
the existing and planned light-individual-transportation. It shows that the following street segments likely see
high e-scooter use but do not have planned safety improvements.
<ul>
<li>Ponce de Leon Avenue NE</li>
<li>Marietta Street NW</li>
<li>Peachtree Street NE</li>
<li>Edgewood Avenue NE</li>
<li>Ted Turner Drive NW</li>
<li>Luckie Street NW</li>
<li>Linden Avenue NE</li>
<li>7th Street NE</li>
<li>11th Street NE</li>
<li>Glen Iris Drive NE</li>
</ul> Because, in general, navigation services are used to determine travel routes
these streets are seeing e-scooter use and should be considered for safety improvements.
</p><p>
This visualization was created for Georgia Institute of Technology's CEE 6602 Urban Transportation Planning
by <a href="https://github.com/moxypedrick" target="blank" style="color:rgb(8, 23, 241);">David Pedrick</a>.
The data visualized was observed between October 16th and November 1, 2019. The data was recorded from 4am to 9:30 pm,
reflecting the Atlanta's nighttime curfew. During data collection, we experienced an internet outage on
October 22, so these data are missing. Additionaly, data collection for Lyft and Lime scooters was not captured due
to unknown difficulties with the API.
</p>
</div>
<div class='map-overlay' id='legend'>
<h1>Scooter Traffic Counts</h1>
</div>
</div>
</div>
<nav id="menu"></nav>
<div id="map" class="map pad2"></div>
<div class='map-overlay2' id="legend2">
<h1>Scooter Traffic Counts</h1>
</div>
<div id="foot" class="foot2">
<div>
<button class="instructions" onClick="myFunction()">Data Layers <i class="fa fa-navicon"></i></button>
</div>
<nav id="menu2"></nav>
</div>
<script src='https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-geocoder/v2.3.0/mapbox-gl-geocoder.min.js'></script>
<link rel='stylesheet' href='https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-geocoder/v2.3.0/mapbox-gl-geocoder.css' type='text/css' />
<script src='https://api.tiles.mapbox.com/mapbox.js/plugins/turf/v3.0.11/turf.min.js'></script>
<script src='https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-draw/v1.0.9/mapbox-gl-draw.js'></script>
<link rel='stylesheet' href='https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-draw/v1.0.9/mapbox-gl-draw.css' type='text/css'/>
<script type="text/javascript" src='scripts/script.js'></script>
<script>
function myFunction(){
if(document.getElementById("foot").className === "foot2") {
document.getElementById("foot").className = "foot1";
} else {
document.getElementById("foot").className = "foot2";
}
};
</script>
</div>
</body>
</html>