-
Notifications
You must be signed in to change notification settings - Fork 19
/
Copy pathbottleneck_min.html
46 lines (42 loc) · 2.42 KB
/
bottleneck_min.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
<!DOCTYPE html>
<head>
<title>Fundamentals of Traffic Flow</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<h1>Fundamentals of Traffic Flow</h1>
<p>
<canvas id="main" width="800" height="320"></canvas>
</p>
<script type="text/javascript" src="util.js"></script>
<script type="text/javascript" src="model.js"></script>
<script type="text/javascript" src="mainloop.js"></script>
<script type="text/javascript" src="scenario_bottleneck.js"></script>
<hr>
<p>
<button id="pauseButton">Pause / Resume</button>
<h5>Inflow</h5>
<input id="inflow" type="range" min="0" max="100" step="1" value="20">
<span id="inflow_value">10</span>
<h5>Bottleneck impact</h5>
<label><input id="bn_none" type="radio" name="bn_impact" value="n"> none </label>
<label><input id="bn_light" type="radio" name="bn_impact" value="l"> light </label>
<label><input id="bn_heavy" type="radio" name="bn_impact" value="h" checked> heavy </label>
<h5>Additional information</h5>
<label><input id="traffic_state" type="checkbox"> Traffic state (flow, density, speed)</label><br>
<label><input id="flow_density" type="checkbox"> Flow-density plot</label><br>
<label><input id="ts_diagram_trajects" type="checkbox"> Time-space diagram of vehicle trajectories</label><br>
<label><input id="ts_diagram_state" type="checkbox"> Time-space diagram of traffic states: </label>
<label><input id="state_q" type="radio" name="ts_diagram_state_which" value="q"> flow </label>
<label><input id="state_k" type="radio" name="ts_diagram_state_which" value="k" checked> density </label>
<label><input id="state_v" type="radio" name="ts_diagram_state_which" value="v"> speed </label><br>
<label><input id="cumlative" type="checkbox"> Cumulative count</label>
<h5>Traffic flow model</h5>
<label><input id="model_newell" type="radio" name="model" value="newell" checked> Newell model (Kinematic Wave Theory)</label><br>
<label><input id="model_nasch" type="radio" name="model" value="nasch"> Nagel-Schreckenberg model</label>
</p>
<hr>
Copyright (c) Toru Seo. Licensed under CC-BY or MIT License
</body>
</html>