Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

third

Public visualization

third

0 stars0🌍 Public
Hh.harrycoding@gmail.com
Last edited Apr 21, 2026
Created on Apr 21, 2026
Forked from first

This visualization shows student academic stress levels as a bubble cluster chart, with circles colored by stress index (green, yellow, red) and grouped by study environment using d3.forceSimulation to position them around labeled cluster centers. A dropdown filters by academic stage, and hovering reveals tooltips with peer pressure and home pressure details. The code loads CSV data from a GitHub repository and renders the SVG using d3.v7, with a legend on the right side explaining the color scale.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed