Skip to main content
SimilarExport ZIP
100%

Activity-6_Task2(q)

✓ Published0🌍 Public
Aaravapalliharika2002@gmail.com
Last edited Oct 22, 2024
Created on Oct 22, 2024
Forked from Activity-6(q2)

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.

AI-generated description

This stacked bar chart displays the categories with sales in different months.

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Task2

This stacked bar chart visualizes quarterly sales across four product categories—Electronics, Clothing, Furniture, and Books—with each bar segment colored according to category and overall height reflecting total quarterly revenue. The visualization loads data from a CSV file using `d3.csv`, then applies `d3.stack()` to compute cumulative segment values, `d3.scaleBand()` for quarter positioning, `d3.scaleLinear()` for the y-axis, and `d3.scaleOrdinal()` for categorical colors. Axes are rendered with `d3.axisBottom` and `d3.axisLeft`, while SVG rectangles represent each stacked segment, and a bold "Total Sales" label marks the highest y-value.

Kkeerthanachinthalapally@gmail.com
91% 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
90% 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
89% match
Loading thumbnail…

Activity-6 (question2.1)

This chart displays monthly sales figures for three product categories—Electronics, Clothing, and Home Goods—as a stacked horizontal bar chart. D3’s `scaleBand` positions months on the y-axis, while a `scaleLinear` maps cumulative sales values to x-axis lengths. Each bar segment’s width corresponds to category-specific revenue, with a legend and interactive tooltips revealing exact dollar amounts on hover. The example loads D3 v7 via UNPKG, reads CSV data asynchronously, and constructs the SVG visualization using `d3.axisLeft`, `d3.axisBottom`, `d3.stack`, and `scaleOrdinal` for color encoding.

Kkandulasunny17@gmail.com
89% match
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
88% match
Loading thumbnail…

Activity6Question2

This stacked bar chart shows quarterly sales totals across three product categories—Electronics, Clothing, and Home Goods—using D3 v7 to render SVG. The chart uses `d3.stack()` to create stacked segments and `d3.scaleOrdinal()` for color mapping, with `d3.axisBottom` for the x-axis. Hovering over any segment reveals a tooltip displaying the exact sales value for that category and quarter. Data comes from a hardcoded CSV structure with quarter and category columns.

Gganesh.hns48@gmail.com
88% match
Loading thumbnail…

Activity6_Task2(Question 3)

This stacked bar chart shows sales figures for five store locations, broken down by product category: Clothing, Equipment, and Accessories. The horizontal bars are segmented by category, with each segment colored distinctly and labeled in a legend. The visualization uses d3.stack() to compute stacked series, d3.scaleBand() and d3.scaleLinear() for positioning, and includes interactive tooltips that display the exact sales value for each category-store combination on hover. The data originates from an IMBD movie ratings source file, and the SVG rendering is styled with custom fonts.

SSowjanya Devupalli
88% match
Loading thumbnail…

Activity6_Task2_Q3

This stacked bar chart visualizes sales data for five clothing stores, comparing revenue across three product categories: Cargo, Flannels, and Tee. The horizontal bars display the proportional contribution of each category to total store sales. Built with D3 v7 and rendered as SVG, the visualization uses `d3.stack()` to compute layered series, `d3.scaleBand()` for the categorical y-axis, and `d3.scaleLinear()` for the numerical x-axis. Interactive tooltips on each segment reveal exact category sales values, with the data sourced from the included CSV file.

Vvenkatamanikantavaddi@my.unt.edu
87% match