Skip to main content
SimilarExport ZIP
100%

Mental Health in Tech

✓ Published0🌍 Public
RRyan Offstein
Last edited Aug 31, 2025
Created on Aug 31, 2025
Forked from Loading Data

This visualization displays survey data on mental health attitudes and disorders in the tech workplace. It shows each participant’s demographic information and answers to questions about treatment, workplace support, and consequences. The code loads the CSV file using `d3.csvParse` and converts the Age field to numeric values. Data is rendered as raw JSON text in a `<pre>` element, managed through a simple state system with custom `viz` and `setState` functions.

AI-generated description

This is my dataset on a Survey on Mental Health in the Tech Workplace in 2014

Data

  • Here is a link to the data

  • This dataset is from a 2014 survey that measures attitudes towards mental health and frequency of mental health disorders in the tech workplace

  • Each row is a survey participant, there is some demographic information as well as their answers to many, questions.

  • Some questions are just Yes,No, Some have Maybe or Don't know in them, Some questions are on a licart scale of Easy to Difficult,

Attributes

  • Here are the attributes
    • "Timestamp"
      • Time
    • "Age"
      • Numeric
    • "Gender"
      • Categorical
    • "Country"
      • Categorical
    • "state"
      • Categorical
    • "self_employed"
      • Categorical
    • "family_history"
      • Categorical (Boolean)
    • "treatment"
      • Categorical (Boolean)
    • "work_interfere":
      • Categorical (Likert scale)
    • "no_employees"
      • Categorical (Numeric ranges)
    • "remote_work"
      • Categorical (Boolean)
    • "tech_company"
      • Categorical (Boolean)
    • "benefits"
      • Categorical
    • "care_options"
      • Categorical
    • "wellness_program"
      • Categorical
    • "seek_help"
      • Categorical
    • "anonymity"
      • Categorical
    • "leave"
      • Categorical (Likert scale)
    • "mental_health_consequence"
      • Categorical
    • "phys_health_consequence"
      • Categorical
    • "coworkers"
      • Categorical (Likert scale)
    • "supervisor"
      • Categorical
    • "mental_health_interview"
      • Categorical
    • "phys_health_interview"
      • Categorical
    • "mental_vs_physical"
      • Categorical
    • "obs_consequence"
      • Categorical
    • "comments"
      • String
MIT Licensed

Similar vizzes

Loading thumbnail…

Mental Health

This example visualizes the first record of a mental health survey dataset from Kaggle, showing parsed survey responses as a JSON string. The code loads `MentalHealthSurvey.csv` via a data import statement, then converts quantitative fields like age, CGPA, sleep hours, and Likert-scale ratings (depression, anxiety, isolation) from strings to numbers using unary plus and `parseFloat`. The parsed object is displayed in a `<pre>` element with a fixed font size, providing a quick reference for the data structure. The visualization relies on the CSV parsing and string interpolation in JavaScript, without additional libraries.

RRuba Khan
77% match
Loading thumbnail…

mental_health_survey

This example visualizes correlations among mental health survey responses, focusing on relationships between academic factors and well-being indicators like depression and future insecurity. It parses the CSV data using JavaScript, converting key quantitative fields such as academic workload, social relationships, academic pressure, and depression scores into numbers for analysis. The visualization presents a raw JSON preview of the first survey entry, displaying parsed attributes in a styled preformatted text block. The dataset originates from a Kaggle student mental health survey, with the code preparing structured data for subsequent chart rendering.

JJoe Rozman
72% match
Loading thumbnail…

Mental Health & Social Media Traits

This scatter plot matrix explores relationships among six mental health and social media traits, including anxiety, depression, and hours spent online. Each off-diagonal cell displays a scatter plot of two variables, while diagonal cells label each axis. The visualization loads CSV data from a GitHub gist and uses d3.scaleLinear for axes, SVG circles for points, and CSS-transition tooltips for hover details. This splom implementation relies on d3.csv, d3.select, and d3.extent to filter and scale the numeric data.

Ddeekshakondam@gmail.com
71% match
Loading thumbnail…

DataViz Project - First Visualization

This interactive line chart, built with React and D3 v5, visualizes the percentage of a country's population affected by mental illness and unemployment over time, with a dropdown menu to select among six American countries. The SVG rendering uses D3's `scaleTime` and `scaleLinear` for the axes, and natural cubic spline curves via `line().curve(curveNatural)` to smooth the trends. A custom color legend distinguishes the two metrics, shown as green (mental illness) and orange (unemployment) lines, using data from a CSV file hosted on Gist.

FFelipe Mejías
70% match
Loading thumbnail…

Mental health disorders Dataset Summary

This example displays a plain-text summary of a mental health disorders dataset, showing the dataset’s name, size in kilobytes, row count, and column count on the page. It loads the CSV file from a GitHub gist using `d3.csv`, then formats the data with `d3.csvFormat` to compute the file size and accesses the parsed rows and columns. The resulting message is rendered into a `<pre>` element, while the full parsed dataset is also printed to the browser console. The code relies on D3 v5 for data loading and formatting.

FFelipe Mejías
69% match
Loading thumbnail…

DataViz Project - Second Visualization

This interactive bar chart compares unemployment rates and mental illness prevalence across the five most affected countries for a selected year. Users can switch between 1995, 2000, 2005, 2010, and 2015 via a React dropdown menu. The visualization uses React hooks, d3.scaleBand and d3.scaleLinear for axes, and d3.csv to load the mental health dataset from a GitHub gist. Hovering over the color legend highlights corresponding bars and fades others, with tooltips showing exact values.

FFelipe Mejías
69% match
Loading thumbnail…

Fork of Pie Chart

This visualization shows the distribution of mental health conditions among remote workers, with each slice of the pie chart representing the count of a specific condition. The chart is rendered as an SVG using d3.pie and d3.arc to generate the slices, with d3.scaleOrdinal and d3.schemeCategory10 assigning colors. A legend below displays the condition names as colored rectangles. The data comes from a CSV file loaded via d3.csv, and the code also logs the condition name to the console on mouseover events.

Kkshravyak.2001@gmail.com
69% match
Loading thumbnail…

Fork of Fork of Fork of Hello VizHub

This interactive pie chart visualizes student mental health and academic data, letting the viewer examine the distribution of records across categories like stress levels, depression, relationship status, and grades. Selecting a different attribute from the dropdown redraws the chart based on precomputed counts from the CSV data. Built with D3 v7, the example uses `d3.csv`, `d3.rollup`, `d3.pie`, and `d3.arc` to generate SVG paths and labels, with hover interactions that expand a slice and trigger a tooltip. A categorical color scale, `d3.scaleOrdinal`, with the `d3.schemeTableau10` palette colors each segment.

Jjayakrishnanallani5@gmail.com
69% match