Activity6_questions 3 45

100%

Activity6_questions 3 45

✓ Published1🌍 Public

Last edited Apr 11, 2024

Created on Apr 11, 2024

This stacked bar chart displays product sales across four categories (A through D), using horizontal bars segmented by category to compare total sales. The visualization uses D3.v7 with an SVG canvas, applying `d3.stack()` to compose the bar segments, `d3.scaleBand` for the product axis, and `d3.scaleLinear` for the sales axis. Hovering over a segment logs the specific category and sales value to the console, while a categorical color scale distinguishes the categories. The data comes from a local CSV file, and the chart includes axis labels and a legend.

AI-generated description

The impact of genre on movie ratings

This stacked bar chart gives the percentage of each rating level within different movie genres. The aim is to show the impact of genre on movie ratings. When the mouse hovers over each bar, you can see pop-ups of accurate percentage of each rating level within each genre. Total percentage is 1, representing 100%.

MIT Licensed

Similar vizzes

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

91% 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

88% match

Loading thumbnail…

Activity6_tak2.1

This stacked bar chart visualizes product sales across three categories, with each bar segment representing a product's sales contribution. The chart uses horizontal bars, with colors differentiating categories and a legend identifying each one. The visualization is rendered as an SVG using D3.js v7, employing the `d3.stack()` function to compose the stacked data structure, `d3.scaleLinear()` and `d3.scaleBand()` to set the scales, and `d3.scaleOrdinal()` for color encoding. Mouseover events log category sales amounts to the console, providing an interactive element.

KKritin Kesav

87% 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

87% match

Loading thumbnail…

Activity 6 Question 2

This example shows stacked bar charts of sales in dollars across three product categories—Electronics, Furniture, and Clothing—for the years 2018 through 2020. It uses D3 v7 with the `d3.stack` API to layer the series, `d3.scaleBand` for the yearly bars, and `d3.scaleLinear` for the y-axis. Hovering reveals a tooltip with the category and exact value, while a legend identifies each color from `d3.schemeCategory10`, as loaded from a local CSV file.

Aanisha.peddireddy@gmail.com

86% match

Loading thumbnail…

Activity6task2q2

This stacked bar chart visualizes the percentage of sales performance within each product category, with horizontal bars segmented by price ranges from "Below 100" to "Above 5000." The chart uses D3 v7's `d3.stack()` to create the stacked segments, `d3.scaleLinear` and `d3.scaleBand` for positioning, and `d3.scaleOrdinal` for color mapping. Interactive tooltips display exact percentages on hover using mouse events, while SVG rendering provides the visual output.

Ssaitejakaranam10@gmail.com

86% 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

86% match

Loading thumbnail…

Activtiy6-Question2

This example visualizes the proportional sales distribution across five product categories (Clothing, Electronics, Books, Toys, Furniture, Jewelry) for five different time ranges, using a horizontal stacked bar chart. It imports data from a local `data.csv` file and renders the chart as an SVG with D3 v7, employing `d3.stack()` to aggregate the series and `d3.scaleOrdinal()` for color encoding. Interactive tooltips appear on mouseover, displaying the sales value for each segment, while a legend identifies the time ranges. The axes are labeled “Product Categories” and “Sales,” with the title “Sales by Category of Product” displayed above the plot.

Aaashishvinayvasala@gmail.com

86% match