Activity6_Question2

100%

Activity6_Question2

✓ Published0🌍 Public

Last edited Apr 5, 2024

Created on Apr 5, 2024

This example shows the weight of recycled office materials—Office Paper, OCC, and Single-Stream—across twelve months, displayed as horizontal stacked bars. Each bar represents one material type, divided into monthly segments colored by month. The visualization uses d3.stack to compute the stacked series, d3.scaleBand for the categorical y-axis, and d3.scaleLinear for the x-axis. Hovering over a segment reveals a tooltip with the precise weight for that month. Data is loaded from a CSV file and rendered as SVG.

AI-generated description

Recycling the office materials

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity-6_Question-2

This example shows quarterly sales for three product categories—Electronics, Office Supplies, and Furniture—as a stacked horizontal bar chart. The chart renders with SVG using D3 v7, loading data from a CSV file. The code applies `d3.stack()` to create stacked series, `d3.scaleBand()` for category positioning, and `d3.scaleLinear()` for the value axis. A tooltip appears on mouseover using `d3.select` and event handlers, displaying each segment’s category and sales amount. An ordinal color scale distinguishes the four quarters, with a legend positioned in the chart margins.

HHarshathBudida@my.unt.edu

75% match

Loading thumbnail…

Activity 6 task 2 Q2

This stacked bar chart shows the percentage breakdown of fruit categories (Apples, Oranges, Bananas, Berries) across three months, using horizontal bars segmented by color. The visualization uses d3.stack() to compute cumulative values, d3.scaleOrdinal with d3.schemeCategory10 for color encoding, and d3.scaleBand for the categorical y-axis. Rendered as SVG, the chart positions each segment via d3.scaleLinear for the x-axis, with data loaded from an inline array. The tooltip behavior mentioned in the README is not implemented in the provided JavaScript code.

Mmounikakatipally995@gmail.com

75% match

Loading thumbnail…

Activity6_Task2_Question_2

A stacked bar chart displays monthly sales totals for Electronics, Clothing, and Groceries across six months. Each bar segment represents a category’s contribution, with tooltips revealing exact values on hover and a color-coded legend identifying series. Using D3 v7, the visualization loads CSV data via `d3.csv`, constructs stacked series with `d3.stack()`, and renders SVG rectangles scaled by `d3.scaleBand` and `d3.scaleLinear`. Interactive tooltips appear through mouse events, while axes and legend are generated with `d3.axisBottom`, `d3.axisLeft`, and `d3.scaleOrdinal`.

Aadityatrip9899@gmail.com

74% match

Loading thumbnail…

Activity-6_Task2(q)

This stacked bar chart shows monthly sales totals for five product categories—Electronics, Clothing, Furniture, Groceries, and Books—across January, February, and March. The data is loaded from a CSV file and rendered as SVG using D3 v7. The visualization uses `d3.stack()` to aggregate the three month values per category, with `d3.scaleBand` for the x-axis and `d3.scaleLinear` for the y-axis. A color scale distinguishes the months, and a legend in the top-right corner labels each segment.

Aaravapalliharika2002@gmail.com

74% match

Loading thumbnail…

Activity6_Question2

A stacked bar chart displays energy consumption proportions across four sectors—Residential, Commercial, Industrial, and Transportation—from 2016 to 2020, using data from data.csv. The visualization uses d3.scaleBand, d3.scaleLinear, and d3.scaleOrdinal with d3.stack to layer bars, while d3.axisBottom and d3.axisLeft render axes with percentage formatting. An SVG legend maps colors to sectors, and the chart is styled via external CSS.

KKhushi Desai

74% match

Loading thumbnail…

Activity6-Question2

This visualization shows quarterly sales data for product categories using a stacked horizontal bar chart. Each bar segment represents a quarter’s sales contribution, with an interactive tooltip displaying the specific category and sales amount on mouseover. The example demonstrates D3 v7’s `d3.stack` for data shaping, `d3.scaleBand` and `d3.scaleLinear` for axes, and `d3.axisLeft`/`d3.axisBottom` for rendering. Data comes from an inline CSV file loaded via `d3.csv`, and the chart is rendered as SVG with a custom legend.

SSaiKiranReddyKancharla@my.unt.edu

73% match

Loading thumbnail…

Activity6_Question2

A stacked bar chart displays quarterly revenue across five product categories—Electronics, Furniture, Clothing, Toys, and Books—from Q1 2022 through Q2 2024. The chart uses D3 v7 to load CSV data, stack values with `d3.stack`, and render series as SVG rectangles with `d3.scaleBand` for the x-axis and `d3.scaleLinear` for the y-axis. Color encoding uses `d3.schemeTableau10`, and each segment is labeled with its value. A separate SVG legend lists the five categories.

Ggroup118sai@gmail.com

73% match

Loading thumbnail…

Activity-6 Question-2

This stacked bar chart displays the distribution of vegetable ratings across six categories, from “below 4.0” to “above 8.0,” using percentage values loaded from a CSV file. The visualization uses d3.stack, d3.scaleBand, d3.scaleLinear, and d3.scaleOrdinal to render SVG bars, with a tooltip on mouseover showing the exact percentage for each rating segment. Color-coded segments represent each rating range, and axes are labeled with a custom title and percentage axis.

Ssumanthpenna0221@gmail.com

73% match