/
index.html
141 lines (141 loc) · 4.81 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Quiz Watch Data Analysis</title>
<link href="/quiz-watch-logo.png" rel="shortcut icon" type="image/png" />
<link
href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css"
rel="stylesheet"
type="text/css"
/>
<link
href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;500;700&display=swap"
rel="stylesheet"
/>
<link href="./index.css" rel="stylesheet" type="text/css" />
</head>
<body>
<header>
<a href="https://apps.apple.com/us/app/quiz-watch/id1454913754">
<img alt="Quiz Watch Logo" src="./quiz-watch-logo.png" />
</a>
<h1>
Quiz Watch Data Analysis: How study trends change according to Quiz Bowl
tournament frequency
</h1>
</header>
<section id="charts">
<div id="scatter"></div>
<div id="r"></div>
</section>
<section id="info">
<h2>Explanation</h2>
<h3>Figure 1</h3>
<p>
In figure 1, each data point represents a single day that falls in one
of the selected months. The y-value of the data point is a reflection of
the number of questions answered on the
<a href="https://apps.apple.com/us/app/quiz-watch/id1454913754"
>Quiz Watch app</a
>
on that particular day. The x-value of the data point is the number of
Quiz Bowl tournaments according to the
<a href="https://hsquizbowl.org/db/">hsquizbowl.org database</a>
occuring on that day, and the next <em>n</em> days. The value of
<em>n</em> is controlled by the slider. To give an example, if
<em>n</em> is 2, the x-value for the January 1 data point will be the
number of Quiz Bowl tournaments occuring on January 1, January 2, and
January 3.
</p>
<h3>Figure 2</h3>
<p>
Figure 2 demonstrates how strong the correllation for on Figure 1 for
any given value of <em>n</em>. For some selections of months, the
y-value actually becomes negative. On the visual representation of the
graph, these negative values are changed to 0.
</p>
<h2>My Intentions and the Results</h2>
<p>
I created these graphs with the intention of finding out if
Quiz-Bowl-ers significantly ramp up their studying in preparation for
tournaments, or if they keep up a study routine that goes unaffected by
the coming and going of tournaments. By including the slider, I also
hoped to find out how far in advance Quiz-Bowl-ers started this
study-rush, if it happened at all.
</p>
<p>
When I first put together the graph and examined it, I thought I had
found that Quiz-Bowl-ers are most likely to study about 2 weeks in
advance for tournaments. This is because when all months are selected,
the strongest correlation occurs when <em>n</em> = 14 days; however,
when playing around with month selections, Figure 2 fluctuates
erratically, and any pattern you thought you might've noticed in the
initial graph gets thrown into question. After seeing the
inconsistencies in the data thus far, it appears that my findings for
the research I originally intended to do are inconclusive. Perhaps the
data will become more clear after more time, or perhaps none of this
data is reflective of actual tendencies of Quiz-Bowl-ers and it's just
reflective of the coincidental popularity of my app.
</p>
<p>
I still believe there's value in my data and findings to be made from
it, however. For example, in general, it seems that months with more
Quiz Bowl tournaments tend to have more Quiz Watch usage.
</p>
<h2>About</h2>
<p>
This web page was put together by
<a href="https://bsuen.netlify.app/">Brandon Suen</a>.
</p>
<a href="https://bsuen.netlify.app/"
><img alt="Brandon Suen logo" src="./bsuen-logo.png"
/></a>
</section>
<section id="controls">
<div>
<p>Control <em>n</em> with the slider</p>
<div><input type="range" min="0" max="28" value="7" id="slider" /></div>
</div>
<div>
<p>Select months</p>
<div id="colors">
<div>
<div><p>Apr 2019</p></div>
</div>
<div>
<div><p>May 2019</p></div>
</div>
<div>
<div><p>Jun 2019</p></div>
</div>
<div>
<div><p>Jul 2019</p></div>
</div>
<div>
<div><p>Aug 2019</p></div>
</div>
<div>
<div><p>Sept 2019</p></div>
</div>
<div>
<div><p>Oct 2019</p></div>
</div>
<div>
<div><p>Nov 2019</p></div>
</div>
<div>
<div><p>Dec 2019</p></div>
</div>
<div>
<div><p>Jan 2020</p></div>
</div>
</div>
</div>
</section>
<script src="https://d3js.org/d3.v5.min.js"></script>
<script src="./d3.js" type="text/javascript"></script>
</body>
</html>