Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

third

Public visualization

Viewing a saved revision (read-only)

7d67a97b3fd945a0a6fc83c3350c43e0

No content available for this 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