Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Fork of D3 Starter

Public visualization

Viewing a saved revision (read-only)

5290636c573a49d6bac411edfd680629

Fork of Fork of D3 Starter

0 stars0🌍 Public
Kkoushika.3002@gmail.com
Last edited Apr 24, 2026
Created on Apr 24, 2026
Forked from Fork of D3 Starter

This visualization displays student academic stress levels as a force-directed bubble cluster, with each circle representing an individual student. Users can filter by academic stage via a dropdown menu. Bubble color encodes stress intensity using a threshold scale (green, yellow, red), while bubbles cluster by study environment category (peaceful, noisy, disrupted, unknown). Implemented with d3.csv, d3.forceSimulation, d3.forceX/Y, and d3.forceCollide, the SVG rendering includes interactive tooltips showing stress, peer pressure, and home pressure details. Data is loaded from a remote CSV dataset hosted on GitHub.

AI-generated description