Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Project Breakdown

Public visualization

Viewing a saved revision (read-only)

30874fe8c6de4fce8f6d38e637ec0a5d

Project Breakdown

2 stars1🌍 Public
WWaseem Medhat
Last edited Dec 15, 2020
Created on Dec 3, 2020
Forked from Hello VizHub

This visualization displays a breakdown of time spent on tasks within a project, organized hierarchically by category, task, and item. Three horizontal bands of rectangles, colored by category via `d3.scaleOrdinal`, show cumulative durations positioned with `d3.scaleLinear`, while `d3.scaleBand` lays out the levels. Hovering reveals tooltips from `tippy.js`, and labels show approximate hours per category. The React-based SVG chart loads CSV data using `d3.csv` and aggregates it with `d3.groups`, `d3.sum`, and `d3.cumsum`.

AI-generated description

I tracked the time it took me to do specific tasks for the Forest Plot with Heterogeneity Bands project. This visualizaition displays the data that I recorded.