Skip to main content
SimilarExport ZIP
100%

Fork of Activity6_question

✓ Published0🌍 Public
Mmaneeshraja47@gmail.com
Last edited Oct 30, 2025
Created on Oct 30, 2025
Forked from Activity6_Task-2

This stacked bar chart visualizes monthly sales across three departments—Electronics, Clothing, and Groceries—using horizontal bars segmented by category. The chart is built with D3.js v4, parsing CSV data and rendering it as SVG, with a color scale distinguishing departments and a custom tooltip showing segment values on hover. Axes display month labels and total sales formatted in thousands, while a legend identifies each category. The layout uses D3 scales for positioning and the d3.stack API to compute stacked segments from the uploaded sales data.

AI-generated description
MIT Licensed

Similar vizzes

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…

Fork of Activity6_questions 3 45

A stacked bar chart visualizes product sales across four categories, with each bar segment representing a category’s contribution to total sales for a given product. The chart encodes values on a linear x-axis and product names on a categorical y-axis, using color to distinguish categories. Built with D3 v7, it uses `d3.stack()` to compute stacked values, `d3.scaleBand()` for the y-axis, and `d3.scaleLinear()` for the x-axis. Data is loaded via `d3.csv()` from a local CSV file, and SVG rectangles render each segment with mouseover logging to the console.

Kkaushikreddy901@gmail.com
87% 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
87% 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
87% 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
86% match
Loading thumbnail…

Fork of Activity 6 task 2 question 2

A stacked bar chart visualizes quarterly sales contributions across four regions—South, Central, East, and West—from 2018 to 2021, with each bar segmented by region and colored via a categorical scale. The chart uses D3 v7 to load CSV data, compute stacked series through `d3.stack()`, and render SVG rectangles scaled by `d3.scaleBand()` and `d3.scaleLinear()`. Hovering over a segment reveals a tooltip with the exact sales value, while an external legend identifies each region’s color. Axes are drawn using `d3.axisBottom()` and `d3.axisLeft()`.

Kkrishi7079@gmail.com
86% match
Loading thumbnail…

Activity 6_Question 2

This stacked bar chart visualizes sales figures for Grocery, Appliances, and Toys across three years (2018–2020), with each bar segment colored by category. Built with D3.js v7, it uses `d3.stack` to accumulate category values, `d3.scaleBand` and `d3.scaleLinear` for axes, and SVG rectangles for rendering. Interactive tooltips appear on mouseover, displaying category and exact sales amount. The chart includes axis labels, a legend, and reads data from a local CSV file.

Mmsnikhil2608@gmail.com
85% match
Loading thumbnail…

Activity 6_Task 2 Question

This horizontal stacked bar chart displays sales figures across five store locations, broken down by Clothing, Equipment, and Accessories categories. The visualization uses d3.stack() with keys for each product category, d3.scaleBand() for the store axis, and d3.scaleLinear() for the value axis. Rendered as SVG via d3.v7, the chart includes axes, labels, and a clickable legend showing category colors from a d3.scaleOrdinal palette, all drawn within a single HTML page.

Ccharankumarreddyveeramreddy@my.unt.edu
85% match