Mental Health & Social Media Traits

Mental Health Survey Scatter Plot

This scatter plot visualizes the relationship between academic pressure and self-reported depression levels from a mental health survey dataset. Each circle represents a survey respondent, positioned according to their scores on these two variables, with a light gray background aiding readability. The visualization is built using D3.js, leveraging `scaleLinear` for axis scaling, `extent` to calculate data ranges, and custom axis label functions from the `@curran/axis-labels` library. The code imports the dataset from a `vizhub` reference and configures circles with a radius of 7.65 pixels and 62.9% opacity.

JJoe Rozman

74% match

Untitled

This interactive scatterplot compares a selected social indicator against age-standardized depression rates across countries, with each circle representing a year's data for a chosen region. Users can switch the x-axis between Freedom, Corruption, Generosity, and Health, and filter by geographic region via dropdown menus. Built with React and D3 v6, the visualization uses `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft` to render SVG circles, with a color-coded legend distinguishing years. Data comes from the `data.csv` file, and the title suggests a thematic focus on societal factors versus depression.

73% match

paralell coordinates

This parallel coordinates plot visualizes mental health metrics, including Anxiety, Depression, and Sleeplessness, with lines colored by gender (steelblue for males, hotpink for females). The code uses D3 v7’s `d3.csv` to load student data, `d3.scaleLinear` and `d3.scalePoint` to map dimensions, and `d3.line` to generate paths. Axes are added via `d3.axisLeft`, and hovering highlights individual lines by increasing opacity and stroke width.

Ddeekshakondam@gmail.com

73% match

Untitled

This interactive scatterplot explores the relationship between a selectable metric (Freedom, Corruption, Generosity, or Health) and depression rates across all ages, filtered by world region. Colored dots represent different years, with tooltips revealing exact values. The visualization uses D3 v6 to load CSV data via `d3.csvParse`, render SVG elements, and update scales, axes, and circles dynamically through dropdown selectors.

73% match

Mental Health Survey Pie Chart Project Momentum

This interactive pie chart explores mental health survey data, allowing users to select an attribute (such as academic year or gender) and a metric (like depression or anxiety) to visualize the average score across categories. The chart updates dynamically using D3’s pie and arc generators, with dropdown menus controlling the selections. Data is aggregated via rollups to compute mean values, and a color-coded legend displays each category’s label and average. The visualization uses the D3 library and is styled with custom CSS for the SVG and selector elements.

JJoe Rozman

Fork of Scatter Plot of Happiness and Y axis attributes

This interactive scatter plot explores the relationship between the rate of depression across all ages and selected well-being indicators from the World Happiness Report. Users can switch between economy, social support, generosity, freedom, and perception of corruption using a dropdown menu, which updates the y-axis and its label. Built with React and D3 v5, the visualization uses D3’s `scaleLinear` and `extent` to compute scales, while custom React components (`AxisBottom`, `AxisLeft`, `Marks`) render SVG axes and circles. Point positions are set via `cx`/`cy` attributes, with tooltips formatted using D3’s `format`.

Ssarikakannikanti@gmail.com

sample

This bar chart visualizes the average number of social media platforms used by individuals, grouped by their self-reported anxiety level. The data, sourced from a CSV file on student grades and mental health, is filtered to remove missing or invalid entries. Using D3 v7, the code computes the mean number of platforms for each anxiety category with `d3.group` and `d3.mean`, then renders the results as an SVG bar chart. Bars are sorted in descending order and change color on hover, with axes and labels provided by `d3.axisBottom` and `d3.axisLeft`.

Untitled

This interactive scatter plot visualizes the relationship between "Menus" (a perceived social metric) and depression levels across different regions and years, using data loaded via `d3.csv`. The visualization compares various quantitative attributes—Freedom, Corruption, Generosity, and Health—against the "Allages" depression score, with data points colored by year. Users select a specific region and X-axis attribute through dropdown menus, which triggers an `update` function to filter the dataset, rescale the linear axes via `d3.scaleLinear`, and redraw the circles. The code uses D3 v6 APIs for SVG rendering, axis generation (`d3.axisBottom`, `d3.axisLeft`), and categorical color assignment (`d3.scaleOrdinal`).