-
Notifications
You must be signed in to change notification settings - Fork 0
/
ArcGISdasboard.html
171 lines (130 loc) Β· 6.82 KB
/
ArcGISdasboard.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
167
168
169
170
171
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="Sergey Pozhilov (GetTemplate.com)">
<title>Joseph Gyegyiri - L2 Electric Vehicle Charging Stations</title>
<link rel="stylesheet" href="assets/css/slick.css"/>
<link rel="stylesheet" href="assets/css/slick-theme.css"/>
<link rel="stylesheet" href="assets/css/styles.css"/>
<link rel="shortcut icon" href="assets/images/gt_favicon.png">
<!-- Bootstrap -->
<link href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.no-icons.min.css" rel="stylesheet">
<!-- Icon font -->
<link href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
<!-- Fonts -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Alice|Open+Sans:400,300,700">
<!-- Custom styles -->
<link rel="stylesheet" href="assets/css/styles.css">
<!--[if lt IE 9]> <script src="assets/js/html5shiv.js"></script> <![endif]-->
</head>
<body>
<link href="https://fonts.googleapis.com/css?family=DM+Serif+Text&display=swap" rel="stylesheet">
<header id="header">
<div id="head" class="parallax" parallax-speed="1">
<h1 id="logo" class="text-center">
<span class="title"><strong>Joseph Gyegyiri</strong></span>
</h1>
</div>
<nav class="navbar navbar-default navbar-sticky">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li><a href="https://josephgyegyiri.github.io/" class="highlight"><strong>Home</strong></a></li>
<li><a href="https://josephgyegyiri.github.io/about.html" class="highlight">Resume</a></li>
<li><a href="https://josephgyegyiri.github.io/trends.html" class="highlight">Trends</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</nav>
</header>
<main id="main">
<div class="container">
<div class="row topspace">
<!-- Article main content -->
<article class="col-sm-8 maincontent">
<header class="page-header">
<h2 class="custom-header">ππ:Level 2 Electric Vehicle Charging Stations</h2>
</header>
<div class="your-class">
<div><img src="assets/images/Dashboard.png"></div>
</div>
<p>Access the interactive <a href="https://nam02.safelinks.protection.outlook.com/?url=https%3A%2F%2Fwww.arcgis.com%2Fapps%2Fdashboards%2F4130e85d715b43d6a650b98cd1266e64&data=05%7C01%7Cjgyegyiri2023%40fau.edu%7C273c8ac17cd14c0312a708db9dd906eb%7C63c3c9c1e824413fb4352f0cabb2828f%7C0%7C0%7C638277327706460954%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&sdata=Br4b%2FXgE8n5xJbIwmlQ57FEHVFvWWORWtVPZx5J0ckI%3D&reserved=0" target="_blank"><strong>ArcGIS Dashboard</strong></a>, with the GitHub repo available <a href="https://github.com/JosephGyegyiri/Electric-Vehicle-Charging-Stations-in-US" target="_blank"><strong>HERE</strong></a>.</p>
<br>
<h2>Overview</h2>
<p>This dashboard provides a comprehensive view of Level 2 electric vehicle charging stations in the US. It's designed to help you:</p>
<ul>
<li>Explore charging station locations π</li>
<li>Analyze station usage trends π</li>
<li>Plan your EV journey with ease πΊοΈ</li>
</ul>
<h2>Features</h2>
<ul>
<li>π <strong>Interactive Map</strong>: Navigate through the map to find charging stations near you.</li>
<li>π <strong>Usage Analytics</strong>: Get insights into usage patterns and peak hours.</li>
<li>π <strong>Real-time Availability</strong>: Check the availability status of each station.</li>
<li>π£οΈ <strong>Route Planning</strong>: Plan your trips with integrated directions to stations.</li>
</ul>
<br>
<p></a>.</p>
<br>
</article>
<!-- /Article -->
<!-- Sidebar -->
<aside class="col-md-4 sidebar sidebar-left">
<div class="widget">
<ul class="list-group">
<li class="list-group-item pull-left">
<h4 class="custom-subsubheader">Personal Project</h4>
<p><strong>2023</strong></p>
</li>
</ul>
</div>
</aside>
<!-- /Sidebar -->
</div>
</div> <!-- /container -->
</main>
<footer id="underfooter">
<div class="container">
<div class="row">
<div class="col-md-6 widget">
<div class="widget-body">
<p></p>
</div>
</div>
<div class="col-md-6 widget">
<div class="widget-body">
<p class="text-right">
© 2023, J. Gyegyiri<br>
Design: <a href="https://www.gettemplate.com/info/initio/" rel="designer">Initio by GetTemplate<br></a>
Icons made by <a href="https://www.flaticon.com/authors/freepik" title="Freepik">Freepik</a> from <a href="https://www.flaticon.com/" title="Flaticon">www.flaticon.com</a> is licensed by <a href="http://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0" target="_blank">CC 3.0 BY</a> </p>
</div>
</div>
</div> <!-- /row of widgets -->
</div>
</footer>
<!-- JavaScript libs are placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="assets/js/template.js"></script>
<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="https://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript" src="assets/js/slick.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.your-class').slick({
arrows: true,
dots: true,
adaptiveHeight: true,
fade: true
});
});
</script>
</body>
</html>