Skip to main content
100%

fourth

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

This visualization shows how student academic stress levels cluster by study environment across different academic stages. An interactive dropdown filters the dataset by academic stage, while a force-directed layout positions each student as a bubble whose size corresponds to their stress index and color reflects the same scale. The code uses d3.forceSimulation with forceX, forceY, and forceCollide to group students into labeled clusters like “Peaceful” and “Noisy” based on their study environment. Data is loaded from a remote CSV, and a tooltip reveals detailed information on hover.

AI-generated description
MIT Licensed

Similar vizzes