TASK.8_QUESTION-2_Sahith

Question2

A stacked bar chart displays quarterly sales by product category, with categories on the y-axis and sales totals on the x-axis. The visualization uses D3 v7's `d3.stack`, `scaleBand`, `scaleLinear`, and `scaleOrdinal` APIs to construct the chart, with tooltips revealing the category and sales amount per segment. Data from the CSV file is loaded and rendered as SVG rectangles, with an interactive legend and axis labels. The code leverages D3's declarative `.join` pattern for efficient element updates.

Gganesh.hns48@gmail.com

Kkeerthanachinthalapally@gmail.com

task2

This example presents a stacked bar chart that visualizes the distribution of three product categories (Product A, Product B, and Product C) across four geographic regions: North, South, East, and West. The chart uses SVG rendering to display the bars, with each product assigned a distinct color from the `d3.scaleOrdinal` and `d3.schemeCategory10` color scale. The code utilizes `d3.stack()` with `d3.stackOrderNone` and `d3.stackOffsetNone` to compute the stacked segments from the hardcoded data. A legend is appended to identify each product category, and the chart dimensions are fixed at 600 by 400 pixels.

Aadityatrip9899@gmail.com

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`.

Activity_6_Question 2.3

A stacked bar chart displays regional product sales, with each bar segmented by product category (productA, productB, productC) and colored via a categorical scale. The visualization loads CSV data with d3.csv and d3.autoType, then uses d3.stack to compute the stacked series. d3.scaleBand maps regions to x positions, d3.scaleLinear maps sales values to y positions, and d3.axisBottom and d3.axisLeft render the axes. A legend groups color swatches and labels, while the SVG output is generated entirely in d3.v7.

Kkesava

HHarshathBudida@my.unt.edu

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.

Question 2

A stacked bar chart visualizes sales performance by region, breaking down percentages across four product categories using data from a local CSV file. The chart employs D3 v7's `d3.stack` and `d3.scaleBand` to render SVG rectangles, with a tooltip triggered by mouse events. An ordinal color scale maps categories, and axes display percentage values. The static title and legend complete the presentation, showcasing local module imports alongside the D3 library.

Aasimcyb@gmail.com

SSaiKiranReddyKancharla@my.unt.edu

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.

Mmanideepchinna25@gmail.com

Activity-8_Question-2

This example presents a stacked bar chart that visualizes product sales (productA, productB, productC) across four regions (North, South, East, West). It uses D3 v7 to load a CSV file, stack the data, and render SVG bars with a categorical color scale. The chart includes axes for region and sales totals, and a legend identifying each product's contribution to the stack.