Skip to main content
SimilarExport ZIP
100%

Activity6_Task2

✓ Published0🌍 Public
Aamanipeddolla@my.unt.edu
Last edited Oct 19, 2024
Created on Oct 19, 2024
Forked from 5 Buddhas

A stacked horizontal bar chart, titled "Time Spent on Daily Activities," visualizes the proportional distribution of time across five categories for ten daily activities. Each bar represents an activity, with colored segments showing the percentage of time spent in categories like "less than 1 hour" to "more than 6 hours". The visualization uses D3 v7 with an SVG rendering approach, employing `d3.stack()` to generate the stacked data and `d3.scaleOrdinal` for color mapping. Interactive tooltips display exact percentages on hover, built with D3 event handlers and HTML div elements.

AI-generated description

React Starter code.

MIT Licensed

Similar vizzes

Loading thumbnail…

activity 6_task_2

This stacked bar chart shows the daily time allocation for five life stages—children, adolescents, young adults, middle-aged, and elderly—across categories such as sleep, work/study, entertainment, outdoor activities, and meditation. Each bar segment represents a category’s duration in minutes, with a tooltip revealing exact values on hover. Built with D3 v7, the visualization uses d3.stack() to aggregate the data, d3.scaleBand() for the y-axis, and d3.scaleLinear() for the x-axis, rendering SVG rectangles. Styling leverages CSS for typography and axis formatting, with a custom tooltip div for interactivity.

Ssairohithchada@gmail.com
88% match
Loading thumbnail…

Task8_tutorial2

This visualization displays the daily hours spent by five people across five activity categories—work, exercise, socializing, chores, and leisure—as a stacked horizontal bar chart. The chart uses a linear x-axis for hours (0–24) and a categorical y-axis for each person, with interactive tooltips showing percentage values on hover. The example employs D3 v7’s `d3.stack` for data stacking, `d3.scaleBand` for the categorical axis, `d3.scaleOrdinal` for category colors, and SVG rendering with custom CSS for styling.

Ppogirimayoor@gmail.com
87% match
Loading thumbnail…

Task8_Tutorial2

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.

Ppogirimayoor@gmail.com
86% match
Loading thumbnail…

Activity_quetion2

This visualization is a stacked horizontal bar chart that shows the average daily time, in minutes, that different age groups (Kids, Teens, Adults, Middle-aged, Seniors) spend on five activities: Screen Time, Physical Activity, Reading, Socializing, and Household Chores. The bars are segmented by activity and colored according to a categorical scale, with a tooltip revealing the exact minutes for each activity on hover. The chart is built with D3.js v7, using its `stack()` API to create the stacked segments and `scaleBand()` for the categorical y-axis. It renders to an SVG canvas and parses data from a local CSV file. The legend, axis labels, and styling are defined in an external CSS file.

Vvenkatdinesh5010@gmail.com
86% match
Loading thumbnail…

Activity_Task2

A stacked horizontal bar chart displays customer satisfaction ratings across six product categories, showing the proportional distribution of responses from "Very Unsatisfied" to "Very Satisfied" for each product. The visualization uses D3 v7 with SVG rendering, employing d3.stack() to compose the categorical segments and d3.scaleOrdinal with a custom color palette for the five rating levels. Bars are positioned along a d3.scaleBand y-axis, while percentages are mapped through a d3.scaleLinear x-axis. Interactive tooltips appear on mouseover, revealing the exact percentage for each rating category using d3.format().

Mmanishmanda@my.unt.edu
83% match
Loading thumbnail…

Task8_Question2

A stacked bar chart displays the hours seven people spend across six hobbies—Outdoors, Indoors, Reading, Shopping, Fitness, and Travel—using a diverging color palette. The horizontal bars encode total hours per person, segmented by hobby, with a tooltip revealing exact values on hover. The visualization is rendered with D3 v7, using `d3.stack`, `d3.scaleBand`, and `d3.scaleLinear` to construct the chart, while `.on('mouseover')` events manage a custom tooltip. Data is loaded from a CSV file, and the SVG output is styled with custom fonts and a soft background.

Jjyothirmaijyothi2017@gmail.com
82% match
Loading thumbnail…

Activity 6_Task 2_Question

This stacked horizontal bar chart shows the proportional distribution of participation across seven fitness class types, broken down into five intensity levels from “Very Low” to “Very High.” The bars are color-coded by intensity, with tooltips revealing exact percentages on hover. The visualization uses D3’s stack function to build the segments, scaleLinear for the x-axis, scaleBand for the y-axis, and d3.format to render percentages, all drawn as SVG elements within a simple HTML page.

Sshettisowmya01@gmail.com
81% match
Loading thumbnail…

Fork of Activity6_Task2

This stacked horizontal bar chart displays the proportion of six food categories (Fruit, Vegetables, Meat, Dairy, Grains, Snacks) across rating bands from "Below 4" to "Above 8." Each category is a row of stacked colored segments, where segment length represents the percentage of ratings in that band. The visualization uses d3.stack() to compute cumulative values and d3.scaleOrdinal() for categorical colors. It renders via SVG with d3.axisBottom and d3.axisLeft, and includes interactive tooltips on mouseover showing exact percentage values. Data comes from a CSV file with pre-computed proportions.

Sshivakumarganji@my.unt.edu
81% match