-
Notifications
You must be signed in to change notification settings - Fork 0
/
charts.html
80 lines (74 loc) · 3.63 KB
/
charts.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
<!DOCTYPE html>
<html>
<head>
<title>PTO 3</title>
<meta charset="UTF-8">
<meta name="description" content="Path Transparency Observatory">
<meta name="keywords" content="Internet Path, Internet Observatory, Path Transparency, ECN, TFO">
<meta name="author" content="Rolf Scheuner">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://www.w3schools.com/lib/w3-theme-black.css">
<link rel="stylesheet" href="../static/css/c3.css">
<link rel="stylesheet" href="../static/css/pto.css">
<script src="https://d3js.org/d3.v5.js"></script>
<script src="../static/js/c3.js"></script>
<script src="../static/js/app.js"></script>
<script src="../static/js/charts.js"></script>
<script src="../static/js/obslist.js"></script>
</head>
<body onload="initPage(); initChartPage();">
<header class="w3-container w3-center w3-theme w3-padding"></header>
<div id="chartsExplanation" class="w3-container w3-center">
<p>
Unless otherwise noted, the charts on this page count distinct observations matching a given condition within a given aspect, grouped by week. The top (colored) chart in each group shows the proportion of measurements during each week, and the bottom (grey) chart shows the absolute volume of conditions seen.<br>
By clicking on a bar you will see all observations which led to that result.<br>
Note that measurements may be heterogeneous, using different methodologies and infrastructures. Low-volume weeks, in particular, may not be indicative of a problem with a given feature.
</p>
</div>
<div id="chartsDiv" class="charts-div"></div>
<div id="obsListModal" class="modal">
<div class="modal-content">
<div class="modal-header">
<span class="close" onclick="closeTargetList();">×</span>
<h3 id="targetListTitle"></h3>
<div id="obsNav">
<button><<</button>
<button><</button>
<b>Page</b>
<button>></button>
<button>>></button>
</div>
</div>
<div class="modal-body">
<div id="obsTableDiv">
<table id="obsTable" class="pto-table">
<thead>
<tr>
<th>Row</th>
<th>Obs-Set ID</th>
<th>Time Start</th>
<th>Source</th>
<th>Path</th>
<th>Target</th>
<th>Value</th>
</tr>
</thead>
<tbody></tbody>
</table>
</div>
</div>
</div>
</div>
<div id="obsMetadataModal" class="modal" style="display: none">
<div class="modal-content">
<div class="modal-header">
<span class="close" onclick="closeMetadata();">×</span>
<h3 id="obsMetadataTitle">Observation Set Metadata</h3>
</div>
<div class="modal-body">
<div id="obsMetadataDiv"></div>
</div>
</div>
</div>
</body>
</html>