Skip to main content
SimilarExport ZIP
100%

Activity6_Task2_Question_2_Poorna

✓ Published0🌍 Public
Ppoornachander510@gmail.com
Last edited Oct 25, 2024
Created on Oct 25, 2024

A stacked bar chart displays monthly sales across three product categories—Electronics, Clothing, and Groceries—using data from data1.csv. The visualization uses D3.v7 to render SVG rectangles with distinct color encoding per category, and includes interactive tooltips that reveal exact values on hover. Axes are generated with `d3.axisBottom` and `d3.axisLeft`, while the `d3.stack` utility computes cumulative bar heights for the layered presentation, with a legend clarifying category colors.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes

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
89% match
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
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…

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
85% 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
84% match
Loading thumbnail…

Activity6_Question2

This stacked bar chart visualizes product category sales (Ornaments, Clothes, Electronics) across the years 2018-2021 from the CSV data file. The chart uses D3 v7's `d3.stack()` and `d3.scaleOrdinal` to layer the categorical segments, with SVG rectangles scaled via `d3.scaleBand` for the x-axis and `d3.scaleLinear` for the y-axis. Hovering a segment triggers a tooltip indicating the category and sales value, while a manual legend identifies color-keyed categories on the right side.

SSai Praveen Lokavarapu
84% match
Loading thumbnail…

Activity_6_Q2

This example visualizes sales distribution across product categories using a stacked horizontal bar chart. Each bar represents a category from a CSV file, segmented by price ranges (less than 100 to above 400) as percentages. The code uses d3.stack() to compute stacked series, d3.scaleBand for the y-axis categories, and d3.scaleLinear for the x-axis percentages, rendered as SVG rectangles. Interactive tooltips appear on mouseover, displaying the exact percentage for each segment. The visualization employs d3.axisBottom, d3.axisLeft, and d3.scaleOrdinal with a custom color palette.

Mmudunurirahulvarma98@gmail.com
84% 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
84% match