Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Task8_Tutorial2

Public visualization

Viewing a saved revision (read-only)

eea2d8bf91ef454c9f8ee1733516d5dc

Task8_Tutorial2

0 stars0🌍 Public
Ppogirimayoor@gmail.com
Last edited Apr 11, 2024
Created on Apr 11, 2024
Forked from Hello VizHub

A stacked bar chart displays the daily time allocation for five people across categories like work, exercise, and leisure, with each bar segmented by activity and scaled from 0 to 24 hours. The chart uses D3 v7’s `d3.stack` to compute the stacked series, `d3.scaleOrdinal` for color encoding, and `d3.axisBottom` and `d3.axisLeft` for axes. SVG rectangles render the segments, with mouseover effects and a tooltip, while the data comes from an inline CSV file with genres as rows and activities as columns.

AI-generated description