Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of CV: Loading CSV Data

Public visualization

Viewing a saved revision (read-only)

e94ded1e95fc4d54be197bd3b171f906

Fork of CV: Loading CSV Data

0 stars0🌍 Public
Uudjeffrey.jay@gmail.com
Last edited Dec 29, 2025
Created on Dec 29, 2025

This example shows a stacked bar chart of time allocation across work sessions, breaking down each session into focused work, interruptions, and recovery percentages. It loads a small CSV file with raw text parsing and renders the data using React with D3 v7 and SVG. The visualization uses d3.stack, scaleBand, and scaleLinear to create the bars, with value labels, axes, and a color-coded legend. A ResizeObserver hook tracks container dimensions to redraw the chart responsively.

AI-generated description