Skip to main content
100%

Fork of React & D3 Vibecoding Starter

✓ Published0🌍 Public
Ssravya7136@gmail.com
Last edited Oct 17, 2025
Created on Oct 4, 2025

This interactive bar chart visualizes how average study hours vary across self-reported stress levels, using Red as the bar color with darker and lighter opacities to indicate selected points. The React application loads a student lifestyle dataset with D3's `csv` method, groups data by stress level via `d3.group`, and computes averages with `d3.mean`. Bars are rendered as SVG rectangles with click handlers that toggle selection, while axes, gridlines, and titles are generated using `axisBottom` and `axisLeft`. A ResizeObserver tracks container dimensions to responsively update the chart.

AI-generated description
MIT Licensed

Similar vizzes