-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathsubject2.html
More file actions
183 lines (155 loc) · 8.36 KB
/
Copy pathsubject2.html
File metadata and controls
183 lines (155 loc) · 8.36 KB
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
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Subject 2 - Sleep Quality Dashboard</title>
<link rel="stylesheet" href="styles.css?v=20251203-dark">
<link rel="stylesheet" href="dark-mode.css?v=20251203-dark">
</head>
<body>
<header>
<h1>Subject 2 - Sleep Quality Data</h1>
<p>Baseline and Nap Session Analysis</p>
</header>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="subject1.html">Subject 1</a></li>
<li><a href="subject2.html" class="active">Subject 2</a></li>
<li><a href="subject3.html">Subject 3</a></li>
<li><a href="subject4.html">Subject 4</a></li>
<li><a href="summaries.html">Summaries</a></li>
</ul>
</nav>
<main>
<section>
<h2>Subject 2 - Sleep Quality Analysis</h2>
<div id="loadingMessage" class="loading">Loading data from ThingSpeak...</div>
<div id="errorMessage" class="error" style="display:none;"></div>
</section>
<!-- Session Metrics will be dynamically inserted here -->
<div id="sessionMetricsContainer"></div>
<!-- Overview Visualizations -->
<section id="overviewSection" style="display:none;">
<h2>📊 Overview Analysis</h2>
<div class="metric-viz-pair">
<h3>Baseline vs Sessions Comparison</h3>
<p class="metric-description">Comparison of key metrics across all sleep sessions</p>
<img src="visualizations/user2/baseline_vs_sessions.png" alt="Baseline vs Sessions" class="viz-image">
</div>
<div class="metric-viz-pair">
<h3>Heart Rate Variability (HRV) Trend</h3>
<p class="metric-description">HRV changes across sessions - indicator of autonomic nervous system balance</p>
<img src="visualizations/user2/hrv_trend.png" alt="HRV Trend" class="viz-image">
</div>
<div class="metric-viz-pair">
<h3>Raw Biometric Time Series</h3>
<p class="metric-description">ECG, SpO2, EMG, and motion data over time</p>
<img src="visualizations/user2/raw_timeseries.png" alt="Raw Timeseries" class="viz-image">
</div>
<div class="metric-viz-pair">
<h3>Signal Distribution Analysis</h3>
<p class="metric-description">Statistical distribution of biometric signals</p>
<img src="visualizations/user2/signal_distributions.png" alt="Signal Distributions" class="viz-image">
</div>
<div class="metric-viz-pair">
<h3>Correlation Heatmap</h3>
<p class="metric-description">Relationships between different biometric measurements</p>
<img src="visualizations/user2/correlation_heatmap.png" alt="Correlation Heatmap" class="viz-image">
</div>
</section>
<!-- FFT Analysis Sections -->
<section id="fftSection" style="display:none;">
<h2>🔬 Frequency Domain Analysis (FFT)</h2>
<!-- Baseline FFT -->
<div class="session-fft-group">
<h3>Baseline (Session 0)</h3>
<div class="metric-viz-pair">
<h4>ECG Frequency Analysis</h4>
<p class="metric-description">Heart rhythm frequency components during baseline measurement</p>
<img src="visualizations/user2/fft_ecg_user2_session0.png" alt="ECG FFT Baseline" class="viz-image">
</div>
<div class="metric-viz-pair">
<h4>EMG Frequency Analysis</h4>
<p class="metric-description">Muscle activity frequency spectrum during baseline</p>
<img src="visualizations/user2/fft_emg_user2_session0.png" alt="EMG FFT Baseline" class="viz-image">
</div>
<div class="metric-viz-pair">
<h4>Motion (MPU) Frequency Analysis</h4>
<p class="metric-description">Movement pattern frequencies during baseline</p>
<img src="visualizations/user2/fft_mpu_user2_session0.png" alt="MPU FFT Baseline" class="viz-image">
</div>
</div>
<!-- Nap Session 1 FFT -->
<div class="session-fft-group">
<h3>Nap Session 1</h3>
<div class="metric-viz-pair">
<h4>ECG Frequency Analysis</h4>
<p class="metric-description">Heart rhythm frequency components during sleep nap 1</p>
<img src="visualizations/user2/fft_ecg_user2_session1.png" alt="ECG FFT Session 1" class="viz-image">
</div>
<div class="metric-viz-pair">
<h4>EMG Frequency Analysis</h4>
<p class="metric-description">Muscle activity frequency spectrum during sleep nap 1</p>
<img src="visualizations/user2/fft_emg_user2_session1.png" alt="EMG FFT Session 1" class="viz-image">
</div>
<div class="metric-viz-pair">
<h4>Motion (MPU) Frequency Analysis</h4>
<p class="metric-description">Movement pattern frequencies during sleep nap 1</p>
<img src="visualizations/user2/fft_mpu_user2_session1.png" alt="MPU FFT Session 1" class="viz-image">
</div>
</div>
<!-- Nap Session 2 FFT -->
<div class="session-fft-group">
<h3>Nap Session 2</h3>
<div class="metric-viz-pair">
<h4>ECG Frequency Analysis</h4>
<p class="metric-description">Heart rhythm frequency components during sleep nap 2</p>
<img src="visualizations/user2/fft_ecg_user2_session2.png" alt="ECG FFT Session 2" class="viz-image">
</div>
<div class="metric-viz-pair">
<h4>EMG Frequency Analysis</h4>
<p class="metric-description">Muscle activity frequency spectrum during sleep nap 2</p>
<img src="visualizations/user2/fft_emg_user2_session2.png" alt="EMG FFT Session 2" class="viz-image">
</div>
<div class="metric-viz-pair">
<h4>Motion (MPU) Frequency Analysis</h4>
<p class="metric-description">Movement pattern frequencies during sleep nap 2</p>
<img src="visualizations/user2/fft_mpu_user2_session2.png" alt="MPU FFT Session 2" class="viz-image">
</div>
</div>
<!-- Nap Session 3 FFT -->
<div class="session-fft-group">
<h3>Nap Session 3</h3>
<div class="metric-viz-pair">
<h4>ECG Frequency Analysis</h4>
<p class="metric-description">Heart rhythm frequency components during sleep nap 3</p>
<img src="visualizations/user2/fft_ecg_user2_session3.png" alt="ECG FFT Session 3" class="viz-image">
</div>
<div class="metric-viz-pair">
<h4>EMG Frequency Analysis</h4>
<p class="metric-description">Muscle activity frequency spectrum during sleep nap 3</p>
<img src="visualizations/user2/fft_emg_user2_session3.png" alt="EMG FFT Session 3" class="viz-image">
</div>
<div class="metric-viz-pair">
<h4>Motion (MPU) Frequency Analysis</h4>
<p class="metric-description">Movement pattern frequencies during sleep nap 3</p>
<img src="visualizations/user2/fft_mpu_user2_session3.png" alt="MPU FFT Session 3" class="viz-image">
</div>
</div>
</section>
</main>
<footer>
<p>© 2025 Sleep Quality Research Project</p>
</footer>
<script src="config.js?v=20251203"></script>
<script src="thingspeak.js?v=20251203"></script>
<script src="real-time-data.js?v=20251203"></script>
<script src="subject.js?v=20251203"></script>
<script>
// Initialize Subject 2
initializeSubject(2);
</script>
</body>
</html>