You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+8Lines changed: 8 additions & 0 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -76,6 +76,14 @@ Our approach is still original in the context of this project because we want to
76
76
77
77
**10% of the final grade**
78
78
79
+
For Milestone 2, we refocused the project around a YRBS-based teen health profile: mental wellbeing, daily routines, school support, substance use, and relationship safety viewed together rather than as isolated topics.
80
+
81
+
-[Milestone 2 write-up](milestone2_writeup.md)
82
+
-[Prototype website](milestone2/index.html)
83
+
-[YRBS teen health profile analysis](yrbs_2023/teen_health_profile_summary.md)
84
+
85
+
The current prototype uses the 2023 national YRBS as the primary dataset and keeps the Teen Phone Addiction dataset as secondary context. The main new design direction is an interactive risk-stack view showing how weighted poor-current-mental-health prevalence changes as sleep, activity, bullying, substance-use, and school-connectedness risks accumulate, plus companion risk-gap views for individual components and relationship-safety indicators.
<pclass="subtitle">A guided walk from survey orientation to national signals, subgroup profiles, grade shifts, risk accumulation, relationship safety, and phone context.</p>
<pclass="section-desc">Distribution of the 20,103 surveyed students by age, sex, grade, and race/ethnicity.</p>
20
+
<pclass="section-kicker">1. Orientation</p>
21
+
<h2>Who Are We Looking At?</h2>
22
+
<pclass="section-desc">Sample composition of the 20,103 surveyed students. These bars show raw survey rows; health estimates below use the CDC survey weight.</p>
<pclass="section-desc">Five health dimensions compared across demographic groups. Each axis shows the % of students with a positive / protective outcome.</p>
32
-
<divid="radar-controls" class="controls">
33
-
<label>Compare by:</label>
34
-
<selectid="radar-group-select">
35
-
<optionvalue="sex">Sex</option>
36
-
<optionvalue="grade">Grade</option>
37
-
<optionvalue="age">Age</option>
38
-
<optionvalue="race">Race / Ethnicity</option>
39
-
</select>
26
+
<!-- SECTION 2: SHALLOW NATIONAL PROFILE -->
27
+
<sectionid="section-findings">
28
+
<pclass="section-kicker">2. Shallow Profile</p>
29
+
<h2>What Are The Obvious Teen-Health Signals?</h2>
30
+
<pclass="section-desc">Weighted national YRBS estimates show that teen health is not one issue: mental health, sleep, activity, bullying, substance use, support, and relationship safety all appear in the first scan.</p>
31
+
<divclass="finding-grid">
32
+
<articleclass="finding-card">
33
+
<spanclass="finding-domain">Mental health</span>
34
+
<spanclass="finding-value">28.54%</span>
35
+
<spanclass="finding-label">reported poor current mental health</span>
36
+
</article>
37
+
<articleclass="finding-card">
38
+
<spanclass="finding-domain">Daily routines</span>
39
+
<spanclass="finding-value">23.20%</span>
40
+
<spanclass="finding-label">got 8 or more hours of sleep</span>
41
+
</article>
42
+
<articleclass="finding-card">
43
+
<spanclass="finding-domain">Activity</span>
44
+
<spanclass="finding-value">46.32%</span>
45
+
<spanclass="finding-label">were active on at least 5 days</span>
46
+
</article>
47
+
<articleclass="finding-card">
48
+
<spanclass="finding-domain">Safety</span>
49
+
<spanclass="finding-value">19.24%</span>
50
+
<spanclass="finding-label">were bullied at school</span>
51
+
</article>
52
+
<articleclass="finding-card">
53
+
<spanclass="finding-domain">Substance use</span>
54
+
<spanclass="finding-value">22.10%</span>
55
+
<spanclass="finding-label">reported current alcohol use</span>
<pclass="section-desc">All six indicators at once. Each dot is one group; the line shows the range across groups. Hover for exact values.</p>
67
+
<pclass="section-kicker">3. First Comparison</p>
68
+
<h2>Whose Profile Looks Different?</h2>
69
+
<pclass="section-desc">Weighted prevalence of six concerns across a selected demographic dimension. The useful pattern is the profile shape, not a single healthy/unhealthy ranking.</p>
51
70
<divclass="controls">
52
71
<label>Group by:</label>
53
72
<selectid="group-select">
@@ -60,38 +79,57 @@ <h2>Health Indicators by Subgroup</h2>
<h2>Phone Addiction & Wellbeing Correlations</h2>
68
-
<pclass="section-desc">Pearson correlation of each wellbeing metric with phone addiction level. Red = higher addiction associated with worse outcome; green = better. Sorted by strength.</p>
69
-
<divid="heatmap-chart"></div>
82
+
<!-- SECTION 4: GRADE PROFILE SHIFT -->
83
+
<sectionid="section-grade-shift">
84
+
<pclass="section-kicker">4. Profile Shift</p>
85
+
<h2>How Does Health Change Across High School?</h2>
86
+
<pclass="section-desc">Grade is more than a demographic filter: routines, bullying, school connection, substance use, and mental health move in different directions from 9th to 12th grade.</p>
<h2>Which Factors Separate Mental Health Most?</h2>
95
+
<pclass="section-desc">Each bar shows the weighted poor-current-mental-health gap between students with and without the selected risk. Click a row to include or exclude that risk in the stack below.</p>
<optionvalue="A">Addiction level vs. avg daily usage</option>
91
-
<optionvalue="B">Usage group vs. avg anxiety</option>
92
-
</select>
99
+
<!-- SECTION 6: RISK STACK -->
100
+
<sectionid="section-risk-stack">
101
+
<pclass="section-kicker">6. Risk Stack</p>
102
+
<h2>What Happens When Problems Accumulate?</h2>
103
+
<pclass="section-desc">The same selected risks are counted together. The chart uses complete cases for the active risk fields and reports the valid row count.</p>
<pclass="section-desc">Sexual health belongs in the teen-health profile when it is framed around safety, consent, prevention, testing, and access to care rather than treating sexual activity itself as a risk.</p>
<h3>Prevention and Agency Among Currently Sexually Active Students</h3>
121
+
<divid="sexual-prevention-chart"></div>
122
+
</div>
93
123
</div>
94
-
<divid="bar-chart-phone"></div>
124
+
</section>
125
+
126
+
<!-- SECTION 8: PHONE CONTEXT -->
127
+
<sectionid="section-heatmap">
128
+
<pclass="section-kicker">8. Phone Context</p>
129
+
<h2>Is Teen Health Just A Digital-Behavior Story?</h2>
130
+
<pclass="section-desc">Phone-use correlations are useful context, but the YRBS story shows teen health is broader than a single digital-behavior explanation.</p>
0 commit comments