forked from shezanmirzan/DataVis-Mental-Health
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
292 lines (249 loc) · 22.6 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
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
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
<html>
<header><title>OSMI Mental Health Data Visualization</title></header>
<head>
<script src="https://code.jquery.com/jquery-3.5.0.min.js" integrity="sha256-xNzN2a4ltkB44Mc/Jz3pT4iU1cmeR0FkXs4pru/JxaQ=" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
<style>
body {
background-color: linen;
}
header {
margin-left: 0px;
margin:0px;
}
h2 {
margin-left: 0px;
class: mb-1;
}
h4 {
margin-top: 10px;
margin-bottom: 30px;
}
h4 {
margin-top: 0px;
margin-bottom: 30px;
}
iframe {
background: linen;
overflow:hidden;
}
.jumbotron{
color: #FFFFFF;
background-color:maroon !important;
}
</style>
</head>
<body>
<div class="container">
<div class="jumbotron text-maroon rounded bg-dark">
<header class="blog-header" style="font-size:40px;">OSMI Mental Health Data Visualization</header>
<h4 class="mb-1">Julie Bosworth, Nidhi Davawala, Shezan Rohinton Mirzan, Jay Panchal & Shirley Xu</h4>
</div>
<main role="main">
<div class="nav-scroller mb-4">
<nav class="nav d-flex justify-content-between">
<a class="p-2 text-muted" href="#map_view"><b> Statewise Disorders</b></a>
<a class="p-2 text-muted" href="#sunburst_view"><b>FamHist-vs-Willingness</b></a>
<a class="p-2 text-muted" href="#stacked_barchart_view"><b>Factors-Consequence</b></a>
<a class="p-2 text-muted" href="#size_benefits"> <b>Size-vs-Benefits</b></a>
<a class="p-2 text-muted" href="#willing_benefits"><b>Benefits-vs-Willingness</b></a>
<a class="p-2 text-muted" href="#consequence_anonymity"><b>Conseq.-vs-Anonymity</b></a>
</nav>
</div>
<div class="container mb-4">
<p class="lead">This project aims to understand how mental health is viewed in the Tech industry, the spread of mental disorders among the employees and to gauge the system present to tackle these conditions. D3 based visualizations based on the survey results of 3 different years will be implemented to gain a multi-faceted view of our data. These designs would be beneficial to the current employees of the Tech industry, the companies themselves and the external organizations that work for the cause of mental well being in the IT industry. Insights gained through these visualizations would serve as a feedback to the entire system and thus would be highly beneficial to all the key stakeholders.</p>
</div>
<!-- <a href="./Sun-Burst_View/index_sunburst.html">Sunburst</a> -->
<!-- Introduction -->
<div class="container">
<h1 class="mt-4 p-2">Introduction</h1>
<p>In the present times, the IT industry is responsible for providing employment to a vast population of the United States. Mental well being of the employees of such a large sector is of utmost importance. To understand the current scenario of mental health in the IT industry, we have referred to the OSMI Mental Health Surveys of Tech Industry. On visualizing these survey responses and drawing meaningful inferences, the stakeholders could gauge how the entire support system for mental health is performing and whether it can be improved further.</p>
<h1 class="mt-4 p-2">Data & problem selection</h1>
<p>The Open Sourcing Mental Illness (OSMI) community runs large scale surveys in the Tech industry to gain an understanding of how mental health disorders are viewed in the industry, what provisions and resources are made available by the employer and how effective the entire system is. Each of the surveys consists of about 1500 responses from the employees of the Tech industry that would help the users understand the current employees opinions about how mental health conditions affect the workplace environment.
</p>
<p>We have used survey results for the years 2014, 2016 and 2019. This forms an extensive base for us to understand the current statistics of the Tech industry and find corresponding trends and correlations too. The data will be pre-processed to make it adaptable for the visualizations. The visualizations are aimed to be interactive and provide multiple views of our survey data. Being in the field of Computer Science, this problem motivates us to understand how mental health is viewed in the IT industry and understand the trends changing over years.
</p>
<p>Along with answering basic questions like demographic distribution of disorders, the visualizations could also help understand subtle nuances like:</p>
<ul>
<li> Relation of employee anonymity with perceived consequences of discussing mental disorders.</li>
<li> Effect of employee’s family history of illness on their willing to reach out for help.</li>
<li>Relation of company size with availability of mental health resources.</li>
<li>Factors to be considered while evaluating company support for mental health well being.</li>
</ul>
<!-- General Data Statistics -->
<h3 class="p-2">General Data Statistics</h3>
<p>The table shows general statistics about the dataset for all 3 years (2014, 2016 and 2019) that we have chosen. The chart below that shows a distribution of different mental health disorders among the survey data participants.</p>
<div align="center">
<img src="table_new.PNG" width="50%"/>
<div style="display:inline">
<!-- <img src="c1.svg"/> -->
<img src="c2.svg"/>
</div>
</div>
</div>
<h1 class="mt-4"> Demographic Views</h1>
<!-- Statewise Disorders -->
<h3 class="p-2" margin-top="100px">Statewise Distribution of Disorders</h3>
<p>This visualization shows the statewise demographic spread of the top 3 mental disorders faced by the employees of the IT industry. Mood, anxiety and attention deficit hyperactivity disorders are the most commonly faced illnesses among the employees and a bar chart shows the number of cases of these disorders for each state. The tooltip shows the percentage of people suffering from mental illness in that state and year-wise spread can be viewed using the timeline slider.
</p>
<p>
The current employees of the industry could use this design to check for trends in each state which might be useful for future job perspectives. The state mental health volunteers could use this design to gauge the situation of mental well being in their state and suggest required changes.
</p>
<div id="map_view" align="center" class="p-4"><iframe allowtransparency="true" frameborder="0" overflow="hidden" scrolling="no" src="./map-view/map.html" height="100%" width="100%" style="height:882px;!important"></iframe></div>
<h5 class="mb-1">Key Inferences/Insights:</h5>
<ul>
<li> Tech hubs like California, Washington and New York have the largest section of employees with mental disorders, which shows the overall stressful nature of the tech-industry. </li>
<li> Mood Disorder which includes depression, bipolar disorder etc is the most commonly faced mental disorder within all states over the years </li>
</ul>
<p><b>Suggestions:</b> Mental health volunteers working for this cause can address the issue of mood disorder, and suggest solutions to the companies by analyzing viable options to mitigate its effects.
</p>
<!-- Sunburst View -->
<h3 class="p-2">Illness Family History vs Willingness to discuss with peers</h3>
<p>This visualization shows how having a family history of mental illness affects the employee’s willingness to discuss their mental health situation with their peers. Gender based division is also made to better understand the changing trends within the genders. Sunburst diagram is an efficient way to show the inherent hierarchy of this design, and each response in the outer circle is accompanied with the trends of that response changing over 3 years.
</p>
<p>The company representatives could refer to this visualization to gain a better understanding of the reservations faced by the employees to open up about their problems. The mental health volunteers could also use the results to analyze the effects of family history and suggest ways for employees to open up about their problems.</p>
<div id="includedContent"></div>
<div id="sunburst_view" align="center" class="p-4"><iframe allowtransparency="true" frameborder="0" overflow="hidden" scrolling="no" src="./Sun-Burst_View/index_sunburst.html" height="100%" width="100%"></iframe></div>
<h5 class="mb-1">Key Inferences/Insights:</h5>
<ul>
<li>Over the years, the tendency to open up about discussing mental illness has increased.</li>
<li>People with family history of mental illness are more willing to reach out for help </li>
<li> Employees without a history of illness show more reservations in opening up about it</li>
<li> Men were found to be more willing to discuss their mental health</li>
<li> Over years, females are now more willing to discuss their mental health</li>
</ul>
<p> <b>Suggestions:</b> The company can organize counselling sessions for their employees, especially for the ones with no family history of illness so that they feel comfortable discussing their issues and finding the solutions. Moreover, even among the ones with family history of illness, there is still a large section of people who are not willing to discuss their issues, which makes it imperative to hold counselling sessions for the same.
</p>
<h1 class="mt-4"> Employee mental state while discussing mental health </h1>
<!-- Anonymity vs perceived consequences -->
<h3 class="p-2">Anonymity vs perceived consequences</h3>
<p> Protection of anonymity plays an important role in the way employees perceive there to be negative consequences attached to revealing their mental health issues. This correlation can be understood from the visualization given below. The bar chart shows the employee’s perceived consequences against the status of anonymity protection in their respective companies. The heat map associated with each bar gives a better understanding about these correlations. The dropdown helps the user navigate between the perceived consequences of the both mental and physical disorders.
</p>
<p>
This visualization can be used by the company representative/HR teams to modify or formulate their anonymity policies that best suit their employees comforts in opening up about their mental illnesses.
</p>
<div align="center">
<iframe id="consequence_anonymity" class="p-4" allowtransparency="true" frameborder="0" overflow="hidden" scrolling="no" src="./Consequences-vs-Anonymity/index.html" height="75%" width="100%"></iframe>
</div>
<h4 class="mb-1">Key Inferences/Insights:</h4>
<ul>
<li>Protection of anonymity plays a big role in how people percieve there to be negative consequences of discussing illness.
Employees who think that anonymity is protected/mostly protected are confident that there won't/might not be negative consequences. </li>
<li> In general, many employees believe that discussing mental health issues would have higher negative consequences as compared to discussing physical health issues</li>
</ul>
<p>
<b> Suggestions:</b> Companies could formulate policies that maintain employee anonymity to encourage a healthy workplace environment open to discussing mental and physical illness.
</p>
<!-- Willingness vs Company Benefits -->
<h3 class="p-2">Willingness vs Company Benefits</h3>
<p>Employees suffering from mental health disorders might shy away from discussing about it if they feel it is not professional to talk about it at the workplace. So it is required that their employers provide a formal stage for them to discuss their mental health disorders in order to function upto their potential. Companies often wish to provide benefits to hire and retain their employees and hence might be interested in knowing if they can help their employees tackle any problems they face at workplace including their health. This is done through health care packages which cover employee wellbeing. However, these packages often ignore mental health disorders, which infact can be real struggle for the ones affected by it. Studying the data we have can provide us insights about whether including mental health disorder related benefits can help employees feel comfortable at their workplace. Such insights can also help employees decide about their next workplace if they wish to move to their next jobs.</p>
<div id="willing_benefits" align="center" class="p-4"><iframe allowtransparency="true" frameborder="0" overflow="hidden" scrolling="no" src="./Willing-Benefits-Barchart_View/index.html" height="85%" width="70%"></iframe></div>
<div>
<h5 class="mb-1">Key Inferences/Insights:</h5>
<ul>
<li>Employees tend to be willing to discuss their mental health issues more often when their companies provide mental health support in the health care package.</li>
<li>There has been an increase in the percentage of companies offering mental health support from year 2016 to 2019. This shows that more companies are becoming aware about providing mental health care benefits.</li>
</ul>
<b>Suggestions:</b> The visualization enables us to understand the fact that employees becoming more aware and discussing it under professional scenarios needs companies helping them through mental health benefits and setting up a stage for them to discuss their mental health issues.
</div>
<h1 class="mt-4"> Factors affecting work environment for people with mental health issues </h1>
<!-- Company Size vs Benefits provided-->
<h3 class="p-2">Company Size vs Benefits provided</h3>
<p>This visualization focuses on how company size plays an impact on if mental health benefits are provided. In particular, the data focuses on four group sizes: 26 - 100, 100 – 500, 500 – 1000, and more than 1000. From the data we gathered if there were any or no benefits provided.
The visualization could help people looking for work in tech realize how in recent years all companies do a good job at providing benefits, but large companies are reliable when it comes to providing benefits.</p>
<div id="size_benefits" align="center" class="p-4"><iframe allowtransparency="true" frameborder="0" overflow="hidden" scrolling="no" src="./Size-Benefits-Barchart_View/index.html" height="100%" width="100%"></iframe></div>
<h5 class="mb-1">Key Inferences/Insights:</h5>
<ul>
<li> Larger companies are more willing to provide mental health benefits on average up until 2019</li>
<li> Over time more companies have began to provide benefits regardless of size, hinting that companies are realizing that mental health is important</li>
</ul>
<p><b>Suggestions:</b> Smaller companies should provide equal amounts of support as larger companies and attempt to catch up to the larger companies. Even for the larger companies, about 10% of them still do not provide the required support. Large companies tend to have enough resources to support mental wellbeing programs and thus should consider implementing them in their structure. </p>
<!-- Consequence vs Perception -->
<h3 class="p-2">Factors vs. Perception of Consequences</h3>
<p>Effects of factors on perception of negative consequences discussing mental health</p>
<div id="stacked_barchart_view" align="center" ><iframe allowtransparency="true" frameborder="0" overflow="hidden" scrolling="no" src="./Discussion-Stacked-Barchart_View/index.html" height="120%" width="100%" ></iframe></div>
<!--Shirley-->
<h5 class="mb-1">Key Inferences/Insights:</h5>
<ul>
<li>The most impactful feature on perception of consequence was the availability of sick leave being easy, as it tended to have the 1st or 2nd highest correlation with a "none" response out of all factors.</li>
<li> While resources and knowledge of mental health care options decreased perceptions of consequences, they were not as impactful as direct company policies, such as sick leave and anonymity.</li>
<li>There is a positive correlation between no perception of negative consequences with mental and with physical health, suggeting that workplaces that care about physical health also tend to care more abbout mental health too.</li>
</ul>
<b>Suggestions:</b> Companies can make their employees feel more comfortable talking about mental health without fearing consequences if they add policies that help protect workers, such as anonymity and availability of sick leave, rather than just educational resources about mental health.
<!-- <li>Milk</li> -->
</ul>
<!-- Challenges and Issues -->
<h1 class="mt-4 p-2">Challenges and Issues</h1>
<p>Although the data source was consistent, there were some problems associated with data consistencies across data for all three years.
To do justice to the visulaizations, we point out some of them here along with our efforts to mitigate the issues to make
the visualization as warranted as possible.</p>
<ul style="list-style-type:circle;">
<li><b> Missing Data:</b> The data was presented in '.csv' format and seemed to have consitsted of many missing values. Wherever required, some of the data was extrapolated by either the mean/median value of that particular row. For some visualization, where the data couldn't be extrapolated, the rows were dropped keeping in mind that this wouldn't cause any low-data bias.</li>
<li><b> Free-filled Data:</b>The data was collected without pre-defined possible field values for each column. This has led to many different field values for something that represent same original value. For instance, in 2016 data, there are 70 unique genders. In such scenarios, the genders were grouped while respecting the participants' answers. The columns having custom responses were dropped because those are difficult to analyze without going through each response manually.</li>
<li><b> Missing columns:</b> Some important columns were missing altogether in a particular year's dataset. For instance, the type of disorder was completely missing in 2014's data. This has led us to completely ignore this data in particular visualization for trend analysis. In the 2019 data, there was no column for perception of negative consequences, so instead, although different but a similar column was used to infer the data by taking the inverse of the responses for whether participants would be willing to talk to employers about mental health issues.</li>
<li><b> Data Skewness:</b>The Data isn't well distributed across all age groups, states and company sizes. This creates some kind of biases in the visualizations. To avoid the same, percentages are reported instead of absolute counts to compare data across categories. However, some biases are inevitable.</li>
<!-- <li>Milk</li> -->
</ul>
<h1 class="mt-4 p-2">Conclusion</h1>
<p>
Mental well is a pressing issue, especially in a high-pressure setting of the IT industry in the USA. Using the OSMI surveys, the trends and practices of the tech industry for the past 3 years were revealed. These results form a solid base for analyzing the entire system and adopting them while finding solutions for inducing a healthy and welcoming workplace environment. Opening up about the mental conditions is the first step towards mitigating the effects of the illness and thus all the stakeholders must act in a way to create an industry supportive of these conditions. Following are some suggestions based on the results of studying the visualization that could be adopted:
<ul style="list-style-type:circle;">
<li> Mental Health communities and volunteers could address issues of mood and anxiety disorders and come up with solutions</li>
<li> Tech companies could do their bit by organize counselling session for their employees encouraging them to open up their mental conditions</li>
<li> Considering the mass employee opinions, the companies could add policies to protect workers such as anonymity and sick leave</li>
<li> Smaller companies should provide more mental health benefits and packages to their employees</li>
<li> The larger companies still not working towards the cause of mental well being should incorporate policies to support their employees</li>
<li> In general, all the stakeholder need to set up a stage for employees to talk about mental health issues</li>
</ul>
</p>
</main>
</div>
</body>
</html>
<!--
<html>
<header><title>OSMI Mental Health Data Visualization</title></header>
<head>
<style>
body {
background-color: linen;
}
h1 {
color: maroon;
margin-left: 0px;
margin:0px;
}
h4 {
margin-top: 10px;
margin-bottom: 30px;
}
</style>
<meta charset="utf-8">
<script src="https://d3js.org/d3.v3.min.js"></script>
<link rel="stylesheet" type="text/css" href="./Sun-Burst_View/skill.css"/>
</head>
<h1 style="font-size:40px;">OSMI Mental Health Data Visualization</h1>
<h4>Julie Bosworth, Nidhi Davawala, Shezan Rohinton Mirzan, Jay Panchal & Shirley Xu</h4>
<body>
This project aims to understand how mental health is viewed in the Tech industry, the spread of mental disorders among the employees and to gauge the system present to tackle these conditions. D3 based visualizations based on the survey results of 3 different years will be implemented to gain a multi-faceted view of our data. These designs would be beneficial to the current employees of the Tech industry, the companies themselves and the external organizations that work for the cause of mental well being in the IT industry. Insights gained through these visualizations would serve as a feedback to the entire system and thus would be highly beneficial to all the key stakeholders.
<div id="skills">
<div id="skillmap">
<div class="skills-wrapper">
<div class="skills-sunburst"></div>
<div class="skills-chart">
<div id="skills-chart-breadcrumb"></div>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript" src="./Sun-Burst_View/skillsdata.js"></script>
<script type="text/javascript" src="./Sun-Burst_View/skill.js"></script>
<script type="text/javascript">
// Hack to make this example display correctly in an iframe on bl.ocks.org
d3.select(self.frameElement).style("height", "700px");
</script>
</body>
</html>
-->