-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathchart.html
85 lines (76 loc) · 4.01 KB
/
chart.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
<!DOCTYPE html>
<html lang="en">
<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="{{ url_for('static', filename='flat-ui/dist/css/vendor/bootstrap.min.css') }}" rel="stylesheet">
<link href="{{ url_for('static', filename='flat-ui/dist/css/flat-ui.css') }}" rel="stylesheet">
<link href="{{ url_for('static', filename='style.css') }}" rel="stylesheet">
<link href="{{ url_for('static', filename='chart.css') }}" rel="stylesheet">
<title>Speed-Cubjectives » Chart of {{ params.fullname_ex }} and {{ params.fullname_ey }}</title>
<!--[if lt IE 9]>
<script src="//oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="//oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
{% include 'header.html' %}
<div class="container">
{% include 'tron.html' %}
<h3>Charts</h3>
<p>
Relationship between <i>{{ params.fullname_ex }}</i> and <i>{{ params.fullname_ey }}</i>.<br>
<small class="mobile-notice" style="display:none;">
If you view this page in your mobile device, the charts may not be clearly shown.
</small>
</p>
<div id="chart-error" class="alert alert-danger" style="display:none;">Loading error. Please try again.</div>
<div id="chart-loading" style="display:none;">Loading... Please wait for a moment.</div>
<div id="charts" style="display:none;">
<div class="panel panel-default panel-chart">
<div class="panel-heading">1. All cubers</div>
<div class="panel-body">
<div id="chart-all-area"></div><!-- /#chart-all-area -->
<div id="chart-all-info" class="chart-info well well-sm">
<span class="point-color">•</span> Each point represents a competitor.<br>
<span class="line-color">—</span> Regression line: <i>Y</i> = <span class="regression-s"></span> * <i>X</i> <span class="regression-sign"></span> <span class="regression-absi"></span><br>
Number of cubers: <span class="all-num-cubers"></span><br>
Correlation coefficient: <i>R</i> = <span class="correlation-r"></span><br>
<b>X-axis</b> ({{ params.fullname_ex }}):
Average <i>μ</i> = <span class="avg-ex"></span>,
Variance <i>σ<sup>2</sup></i> = <span class="var-ex"></span>,
Standard deviation <i>σ</i> = <span class="std-ex"></span><br>
<b>Y-axis</b> ({{ params.fullname_ey }}):
Average <i>μ</i> = <span class="avg-ey"></span>,
Variance <i>σ<sup>2</sup></i> = <span class="var-ey"></span>,
Standard deviation <i>σ</i> = <span class="std-ey"></span>
</div><!-- /#chart-all-info -->
</div><!-- /.panel-body -->
</div><!-- /.panel -->
<div class="panel panel-default panel-chart">
<div class="panel-heading">2. Fast cubers (below average on both events)</div>
<div class="panel-body">
<div id="chart-sub-area"></div><!-- /#chart-sub-area -->
<div id="chart-sub-info" class="chart-info well well-sm">
<span class="point-color">•</span> Each point represents a competitor.<br>
Number of cubers: <span class="sub-num-cubers"></span><br>
</div><!-- /#chart-sub-info -->
</div><!-- /.panel-body -->
</div><!-- /.panel -->
</div><!-- /#charts -->
<h3>Notes</h3>
{% include 'notes.html' %}
</div><!-- /.container -->
{% include 'footer.html' %}
<script src="{{ url_for('static', filename='flat-ui/dist/js/vendor/jquery.min.js') }}"></script>
<script src="{{ url_for('static', filename='flat-ui/dist/js/flat-ui.min.js') }}"></script>
<script src="{{ url_for('static', filename='d3/d3.min.js') }}"></script>
<script src="{{ url_for('wcajs') }}"></script>
<script>
{% include 'functions.js' %}
var query_ex = '{{ params.ex }}', query_ey = '{{ params.ey }}';
</script>
<script src="{{ url_for('static', filename='chart.js') }}"></script>
</body>
</html>