Scatterplot/index.html at main · zeroshen/Scatterplot · GitHub

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
<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="description" content="">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Project</title>

	<!-- Load CSS libraries -->
	<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJkqJByhZMI3AhiU" crossorigin="anonymous">
	<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="container-fluid">
	<div class="row justify-content-center ">
		<div class="col-10" >
			<div class="card">
				<div class="card-header">
					Tests of web-based scatterplots visualizations
				</div>
				<div class="card-body">
					<h5 class="card-title">What is the purpose of this research?</h5>
					<p class="card-text">The purpose of this research is to examine the influence of aspect ratios
						on the visual perception of scatterplots.</p>
					<p class="card-text">The goal is to understand how different aspect ratios
						affect the way people perceive and understand the relationships between variables in scatterplots,
						and how it affects their overall experience.</p>
					<h5 class="card-title">How long will the research last and what will I need to do?</h5>
					<p class="card-text">The procedure for the research study will require participants to attend only one session.
						The session will last for no longer than approximately 90 minutes. During the session, participants can
						expect to spend up to 15 minutes familiarizing themself with scatterplots and the related concepts in
						the tasks, up to 60 minutes conducting tasks that evaluate the application, and up to 15 minutes
						completing the questionnaire and have a rest.</p>
					<h5 class="card-title">What should I know about this research study?</h5>
					<p class="card-text">Whether or not you take part is up to you.
						You can choose not to take part. You can agree to take part and later change your mind.
						Your decision will not be held against you. Your refusal to participate will not result
						in any consequences or any loss of benefits that you are otherwise entitled to receive.
						You can ask all the questions you want before you decide.</p>
					<h5 class="card-title">Who can I talk to?</h5>
					<p class="card-text">If you have questions, concerns, or complaints, or think the research has hurt you,
						talk to the research team at zeroshen@vt.edu</p>
					<h5 class="card-title">You may only complete this survey once.</h5>
					<p class="card-text"></p>
					<p class="card-text">Please confirm that you have read and agree to this document:</p>
					<a href="html/training.html" class="btn btn-primary">I Agree</a>
				</div>
				<div class="card-footer text-muted">
					Note:


					<li> This study requires Chrome, Firefox, or Edge.</li>
					<li> Please maximize your browser window for the entire period of this study.</li>
				</div>
			</div>
		</div>
	</div>
</div>


	<!-- Load JS libraries: jQuery, bootstrap, D3 -->
	<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
	<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
	<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
	<!-- d3 -->
	<script src="https://d3js.org/d3.v7.min.js"></script>
	<script src="js/firebase.js" type="module"></script>

</body>
</html>