Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

final project

Public visualization

Viewing a saved revision (read-only)

ed9dccf7af1d43ce8a22087f35f2900b

final project

0 stars0🌍 Public
Ssarikakannikanti@gmail.com
Last edited Apr 4, 2025
Created on Apr 4, 2025
Forked from Hello VizHub

This bar chart visualizes the relationship between students’ stress levels and their average grades, grouping data by low, medium, and high stress. The visualization uses D3 v7 to load a CSV file from a GitHub gist, aggregate averages with `d3.rollup`, and render the results as SVG rectangles. It employs `scaleBand` for the categorical x-axis and `scaleLinear` for the y-axis, with axes generated by `d3.axisBottom` and `d3.axisLeft`. The chart’s rotating axis labels and centered annotations clarify the stress-level categories and grade values.

AI-generated description