Anxiety and study hours by School Type

100%

Anxiety and study hours by School Type

✓ Published0🌍 Public

Last edited Apr 6, 2025

Created on Apr 6, 2025

This visualization compares average anxiety levels and study hours across different school types using a grouped bar chart. It shows that each school type has paired pink and blue bars, representing the two metrics, allowing direct visual comparison between categories. The chart is built with D3 v7, using d3.csv to load the dataset, d3.rollups for aggregation, and d3.scaleBand for positioning. Hovering over a bar displays a tooltip with the exact values, while the SVG rendering includes a legend and rotated axis labels.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

GroupedBarchart

This grouped bar chart compares anxiety levels across school grades and genders. The visualization displays clusters of bars for each grade, with individual bars representing male and female students, and color distinguishes anxiety severity categories. The code uses D3.js v7 with `d3.scaleBand` for grouping, `d3.scaleLinear` for the y-axis, and `d3.axisBottom`/`d3.axisLeft` for axes. Hover interactions trigger tooltip updates via `d3.select`. Data is pre-aggregated in the script, rendered as SVG using `d3.select` and `append` methods.

Vvyjayanthimamidipalli@gmail.com

79% match

Loading thumbnail…

Final project

This bar chart shows the relationship between students’ self-reported anxiety levels and their average grades, with anxiety ordered from “Very Low” to “Very High.” The visualization reveals how average grades shift across these five categories. Using D3 v7, the code loads a CSV from a GitHub gist, groups the data with `d3.rollup` to compute mean grades per anxiety level, and renders an SVG with `d3.scaleBand` and `d3.scaleLinear` axes. Bars change color on hover, and rotated x-axis labels improve readability.

Ssarikakannikanti@gmail.com

77% match

Loading thumbnail…

Average Grade by Mental Health Status

This visualization shows the distribution of student anxiety levels as a pie chart, with each slice representing the proportion of students at a specific anxiety level. It uses d3.pie() and d3.arc() to render the pie, d3.scaleOrdinal() to assign colors, and d3.rollup() to count students in each anxiety category. Hovering displays a tooltip with the count and percentage, while clicking a slice populates a list of students in that anxiety level, showing their age, gender, sleep patterns, and stress levels. The data comes from a CSV file loaded via d3.csv().

Ddeekshakondam@gmail.com

76% match

Loading thumbnail…

based on gender , sleeplessness- avg anixety

This grouped bar chart visualizes average anxiety levels across five ordered sleeplessness categories, split by gender (F and M). The chart uses D3.js v7 with SVG rendering and animation, drawing bars that grow from zero via a duration-800 transition. It loads CSV data, applies `d3.rollups` for grouping and `d3.mean` aggregation, and scales colors with a `d3.scaleOrdinal` scheme. Interactive tooltips on `mouseover` and `mouseout` events display exact values, while axis labels and a legend clarify the comparison.

Ddeekshakondam@gmail.com

75% match

Loading thumbnail…

Crime data

A radial bar chart visualizes the relationship between student grades (A, B, C) and anxiety levels, using concentric rings where each ring represents an anxiety level and arc length encodes the count of students. The chart is built with D3 v7, using the `d3.arc()` API for the radial segments and `d3.scaleOrdinal()` for color encoding by grade. Data is loaded from a CSV file, with grid lines and axis labels indicating anxiety levels. Hovering over a segment reveals a tooltip showing the exact count.

BBharath kumar

74% match

Loading thumbnail…

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`.

Ssarikakannikanti@gmail.com

74% match

Loading thumbnail…

radialbarchart

This radial bar chart displays the distribution of grades (A, B, C) across different anxiety levels, using concentric rings where each ring represents an anxiety level and each arc segment corresponds to a grade's proportion of the total. The visualization uses D3.js (v7) with SVG and animation, employing `d3.arc()`, `d3.scaleOrdinal()`, and `d3.csv()` to load and process data from a GitHub gist. Interactive tooltips and legend hover effects highlight grade-specific arcs using `transition()`.

Vvyjayanthimamidipalli@gmail.com

73% match

Loading thumbnail…

two bar charts

This visualization shows the distribution of current student grades (A, B, C, D, F) across three stress levels (Low, Medium, High) using a single bar chart. Users can click legend items to filter the display to a specific grade, highlighting the selected legend entry and updating the bars accordingly. The chart loads CSV data via d3.csv, aggregates counts and averages (study hours and social media platforms) per grade-stress combination, and renders SVG bars with a tooltip. Built with D3 v7, it uses d3.mean for aggregation and d3.select for DOM manipulation.

Ddeekshakondam@gmail.com

72% match