-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
233 lines (192 loc) · 12.4 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
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
<html>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<head>
<title>FHWA RDE Data Visualization Examples</title>
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
<link rel="icon" href="/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="css/styleguide.css">
<link rel="stylesheet" href="css/overrides.css">
</head>
<body>
<header class="usa-site-header" role="banner">
<div class="usa-disclaimer">
<div class="usa-disclaimer-official">
<img src="img/font-awesome/favicons/favicon-40.png" alt="U.S. flag">
<p>An official website of the United States Government</p>
</div>
</div>
<div class="site-navbar">
<a class="menu-btn" href="#">Menu</a>
<div class="site-logo" id="logo">
<em>
<a href="/" accesskey="1" title="Home" aria-label="Home">Research Data Environment: Visualization</a>
</em>
</div>
</div>
<nav class="site-nav-secondary js-sticky-nav">
<ul>
<li class="home-current">
<a href="/">
<svg id="homeicon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve"><g display="none"><path display="inline" d="M75.186,68.916c0,0-6.082,0.422-12.528,0.781c-2.398-2.686-2.07-9.439-1.767-12.604 c2.509-2.766,4.729-6.279,6.044-10.264c0.136,0.223,0.29,0.414,0.494,0.523c2.248,1.238,1.689-3.824,1.797-5.959 c0.111-2.137,1.688-4.947,0-4.947c-0.456,0-0.79,0.068-1.047,0.164c-0.311-12.205-3.23-21.717-17.954-21.717 c-15.678,0-17.782,9.639-17.973,21.963c-0.247-0.213-0.685-0.41-1.479-0.41c-1.688,0-0.114,2.811,0,4.947 c0.112,2.135-0.448,7.197,1.799,5.959c0.33-0.184,0.557-0.543,0.711-1.004c1.202,4.068,3.329,7.666,5.796,10.512 c0.312,3.045,0.721,10.061-1.726,12.82c-6.478-0.354-12.541-0.766-12.541-0.766c-5.961,0-10.795,4.832-10.795,10.793v5.396h71.965 v-5.396C85.982,73.748,81.146,68.916,75.186,68.916z"></path></g><g display="none"><polygon display="inline" points="52.996,40.028 52.996,24.036 47.006,24.036 47.006,40.028 14.064,40.028 26.045,75.964 73.957,75.964 85.936,40.028 "></polygon></g><g display="none"><path display="inline" d="M20.015,14.018v71.965h59.971V14.018H20.015z M35.008,75.988h-5.995v-6h5.995V75.988z M35.008,63.994 h-5.995v-5.998h5.995V63.994z M35.008,51.998h-5.995v-5.996h5.995V51.998z M47.001,75.988h-5.994v-6h5.994V75.988z M47.001,63.994 h-5.994v-5.998h5.994V63.994z M47.001,51.998h-5.994v-5.996h5.994V51.998z M58.997,75.988h-5.995v-6h5.995V75.988z M58.997,63.994 h-5.995v-5.998h5.995V63.994z M58.997,51.998h-5.995v-5.996h5.995V51.998z M70.991,75.988h-5.999v-6h5.999V75.988z M70.991,63.994 h-5.999v-5.998h5.999V63.994z M70.991,51.998h-5.999v-5.996h5.999V51.998z M73.99,36.008H26.016V24.014H73.99V36.008z"></path></g><g><polygon points="50,17.02 14.018,47.074 20.1,47.074 20.1,82.984 44.002,82.984 44.002,64.994 55.996,64.994 55.996,82.984 80.07,82.984 80.07,47.074 85.982,47.074 "></polygon><polygon points="77.986,17.016 65.992,17.016 65.992,25.037 77.986,35.008 "></polygon></g></svg>
</a>
</li>
<li>
<a href="element1/">1. INTEGRATION</a>
</li>
<li>
<a href="element2/">2. COMMUNICATION</a>
</li>
<li>
<a href="element3/">3. WEATHER</a>
</li>
<li>
<a href="element4/">4. INTERVENTIONS</a>
</li>
<li>
<a href="element5/">5. EXPLORE THE RDE</a>
</li>
<li>
<a href="element6/">6. BREADTH OF DATA</a>
</li>
</ul>
</nav>
</header>
<aside class="sidenav-mobile">
<a class="sliding-panel-close" href="#">
<img src="img/close.svg" alt="close">
</a>
<nav>
<ul class="usa-sidenav-list">
<li>
<a class="usa-current" href="/">Home</a>
</li>
<li>
<a href="element1/">1. INTEGRATION</a>
</li>
<li>
<a href="element2/">2. COMMUNICATION</a>
</li>
<li>
<a href="element3/">3. WEATHER</a>
</li>
<li>
<a href="element4/">4. INTERVENTIONS</a>
</li>
<li>
<a href="element5/">5. EXPLORE THE RDE</a>
</li>
<li>
<a href="element6/">6. BREADTH OF DATA</a>
</li>
</ul>
</nav>
</aside>
<!-- CONTENT GOES HERE -->
<!-- Main Content Section -->
<div class="main-content">
<!-- Styleguide-content Section -->
<div class="styleguide-content usa-content" id="dashboard-wrapper">
<!-- Banner section -->
<header>
<p class="site-subheading">RDE DATA VISUALIZATION</p>
<h1 id="getting-started">Visualizing the Research Data Environment</h1>
</header>
<p class="usa-font-lead">The US Federal Highway Administration's Research Data Environment (RDE) contains a vast amount of collected, measured, and simulated data about the highway systems of the United States. This website contains six prototype visualization elements that explore the depth and breadth of the data in the RDE.</p>
<div class="usa-width-one-whole usa-alert usa-alert-info">
<div class="usa-alert-body">
<h3 class="usa-alert-heading">Using this website</h3>
<p class="usa-alert-text">
Navigate between the prototype visualization elements using the menu at the top of the page. This website is optimized for use on a desktop or laptop computer, using <a href="https://www.google.com/chrome/browser/desktop/">Google Chrome</a>.
</p>
</div>
</div>
<h3>
Overview of the visualization elements
</h3>
<h4>Element 1: Integration</h4>
<p>The Pasadena data environment in the RDE contains road-link level simulated traffic data for a period of several months in 2011. The visualization shows simulated traffic for the 24-hour period of October 1st, 2011, around a busy part of town. </p>
<img src="/img/el1example.jpg" alt="Image of element 1" />
<p>Element 1 requires a web browser that renders WebGL. If you are unable to interact with the visualization, you can view a video of it in action <a href="https://vimeo.com/180660423/94372dafee">at this link</a>.</p>
<p><a href="element1/" class="usa-button-outline" type="button">Click Here to View Element 1</a></p>
<h4>Element 2: Communication</h4>
<p>The Federal Highway Administration's Connected Vehicle Safety Pilot Program studies the utility and effectiveness of communicating safety data between vehicles and roadside equipment (RSE). The visualization focuses on a single RSE and plots the quality and quantity of data received by the equipment from vehicles with on-board devices capable of broadcasting safety data.</p>
<img src="/img/el2example.jpg" alt="Image of element 2" />
<p><a href="element2/" class="usa-button-outline" type="button">Click Here to View Element 2</a></p>
<h4>Element 3: Weather</h4>
<p>The Federal Highway Administration also maintains the <a href="https://wxde.fhwa.dot.gov/">Weather Data Environment</a>, known as the WxDE, which is a repository of traffic-related weather data that can be used in research. Visualization element 3 combines data from the WxDE with data from the Minnesota DOT Mobile Observation data environment, on the RDE, to show weather, movement of snowplows, and road conditions during a blizzard in February of 2014.</p>
<img src="/img/el3example.jpg" alt="Image of element 3" />
<p>Element 3 requires a web browser that renders WebGL. If you are unable to interact with the visualization, you can view a video of it in action <a href="https://vimeo.com/180342694/7f832c8256">at this link</a>.</p>
<p><a href="element3/" class="usa-button-outline" type="button">Click Here to View Element 3</a></p>
<h4>Element 4: Traffic Interventions</h4>
<p>Multi-Modal Intelligent Traffic Signal Systems (MMITSS) is a technology that allows traffic signals to communicate with vehicles and possibly behave differently for different types of vehicles. For example, freight trucks may trigger traffic lights to turn green in an effort to reduce congestion. Element 4 provides an interactive interface for looking at the difference in traffic during a MMITSS field test in Anthem, Arizona.</p>
<img src="/img/el4example.png" alt="Image of element 4" />
<p><a href="element4/" class="usa-button-outline" type="button">Click Here to View Element 4</a></p>
<h4>Element 5: Exploration of the RDE</h4>
<p>The RDE contains a variety of data environments totaling over 300 Gigabytes of compressed data. Element 5 is an interactive dashboard that allows users to explore the datasets available in the RDE. By filtering on attributes of the dataset, it is easy to narrow the list of 161 down to those matching your interests.</p>
<img src="/img/el5example.jpg" alt="Image of element 5" />
<p><a href="element5/" class="usa-button-outline" type="button">Click Here to View Element 5</a></p>
<h4>Element 6: Depth of Connected Vehicle Data</h4>
<p>While visualization element 5 presents the depth of data available in the RDE, Element 6 presents a view into the breadth of data that is available in one of the many RDE data environments. Element 6 is an interactive visual overview of the Basic Safety Message data set in the Safety Pilot Model Deployment data enviroment that logs vehicles' attempts to communicate with roadside equipment, as also shown in Element 2.</p>
<img src="/img/el6example.png" alt="Image of element 6" />
<p><a href="element6/" class="usa-button-outline" type="button">Click Here to View Element 6</a></p>
<h3>
About this website
</h3>
<p>This website was built using the <a href="https://standards.usa.gov/">Draft U.S. Web Design Standards</a>. All code is available for download and modification from the <a href="https://github.com/FHWA">FHWA Github page</a>.</p>
<!-- END Banner section -->
</div>
<!-- END Styleguide-content Section -->
</div>
<!-- END Main Content Section -->
<!-- FOOTER BEGINS HERE -->
<footer class="usa-footer usa-footer-slim" role="contentinfo">
<div class="usa-footer-primary-section">
<div class="usa-grid-full">
<nav class="usa-footer-nav usa-width-one-whole">
<ul class="usa-unstyled-list">
<li class="usa-width-one-half usa-footer-primary-content">
<a class="usa-footer-primary-link" href="http://www.fhwa.dot.gov/">Federal Highway Administration</a>
</li>
<li class="usa-width-one-third usa-footer-primary-content">
<a class="usa-footer-primary-link" href="https://www.its-rde.net/home">Research Data Environment</a>
</li>
<li class="usa-width-one-half usa-footer-primary-content">
(202) 366-4000<br />
<a href="mailto:[email protected]">Contact Webmaster</a>
</li>
<li class="usa-width-one-half usa-footer-primary-content">
<a class="usa-footer-primary-link" href="https://wxde.fhwa.dot.gov/">Weather Data Environment</a>
</li>
</ul>
</nav>
<div class="usa-width-one-third">
</div>
</div>
</div>
<div class="usa-footer-secondary_section">
<div class="usa-grid">
<div class="usa-footer-logo">
<img class="usa-footer-slim-logo-img" src="../img/dot.png" alt="Logo image">
<h3 class="usa-footer-slim-logo-heading">US Federal Highway Administration</h3>
</div>
</div>
</div>
<div class="usa-disclaimer">
<div class="usa-disclaimer-official footer">
<p>Created in 2016 by <a href="http://www.kittelson.com/">Kittelson & Associates</a>, <a href="https://itre.ncsu.edu/">ITRE</a>, and <a href="http://www.rti.org">RTI International</a>.</p>
</div>
</div>
</footer>
<!-- FOOTER ENDS HERE -->
<script src="js/website.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-83402024-1', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>