Activity6_q2

100%

✓ Published1🌍 Public

Last edited Apr 6, 2024

Created on Apr 6, 2024

Forked from 222

This stacked bar chart visualizes the percentage distribution of five sales performance categories (Below 100, 100-500, 500-1000, 1000-5000, Above 5000) across six product categories, showing how sales outcomes vary by product type. Using D3.js v7 with SVG rendering, the chart employs `d3.stack()` to generate stacked segments and `d3.scaleOrdinal()` for color encoding. Interactive tooltips appear on mouseover, displaying the exact percentage for each segment. The data comes from a local CSV file, and the visualization uses linear and band scales for positioning.

AI-generated description

The impact of genre on movie ratings

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

MIT Licensed

Similar vizzes

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

92% match

Loading thumbnail…

Activity6-Question-2.3

This stacked bar chart shows sales distribution across six product categories, broken into five rating ranges from less than 5 to greater than 8.5. The visualization uses D3 v7’s `d3.stack()` to create the layered bars and `d3.scaleBand`/`d3.scaleLinear` for axes. An interactive tooltip appears on mouseover via D3 event handlers, displaying the sales segment value. Data loads from a CSV file, with a custom color scale for each range and a legend rendered alongside the chart.

LLayaMyadam@my.unt.edu

90% match

Loading thumbnail…

Activtiy-6-q2.3

This example visualizes sales distribution across product categories, breaking down each category's total sales into five segments based on rating scores (from "less than 5" to "greater than 8.5"). The chart uses stacked horizontal bars, with each product category represented as a bar segmented by colored sections corresponding to rating ranges. The visualization is built using D3 v7, loading data from a local CSV file, and employs `d3.stack()` to compute stacked bar positions, `d3.scaleBand()` for categorical y-axis positioning, and `d3.axisLeft` and `d3.axisBottom` for axes. Interactive tooltips appear on hover, displaying the specific rating segment and its sales value.

Sswapnadabburi@my.unt.edu

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

90% match

Loading thumbnail…

Activity6_Task2_q2_3

This stacked bar chart displays the proportion of sales for five product categories across five rating ranges, from "less than 5" to "greater than 8.5". The visualization uses `d3.stack` to create stacked bars, with `d3.scaleBand` for the categorical y-axis and `d3.scaleLinear` for the numeric x-axis. Interactive tooltips appear on mouseover, showing the specific rating range and sales proportion. The chart reads data from a local CSV file and renders with SVG elements, animated transitions, and a legend using `d3.scaleOrdinal` for color assignment.

HHema Tummapala

90% match

Loading thumbnail…

222

This stacked bar chart shows the percentage distribution of sales performance across five product categories, with each bar segmented into five sales ranges from "Below 100" to "Above 5000". Hovering over a segment reveals a tooltip with the exact percentage for that category and range. The visualization uses d3.stack() to create the stacked segments, d3.scaleBand() for the categorical y-axis, and d3.scaleLinear() for the percentage x-axis. Data comes from a CSV file with pre-calculated proportions summing to 1 for each category.

Nnumitha

89% match

Loading thumbnail…

Act6_Qu2

Act6_Qu2 visualizes how sales performance categories (Electronics, Clothing, Home Decor, Books, Toys, Groceries) distribute across five percentage bands, from “Below 100” to “Above 5000.” Each stacked bar shows the proportion of sales falling into each band, with the total normalized to 100%. Built with d3.v7, it uses `d3.stack` to generate the layered series and `d3.scaleOrdinal` for color mapping. Hovering over a segment highlights it and displays the exact percentage via a tooltip. The SVG chart includes labeled axes and a legend derived from the provided CSV data.

Nnumitha

89% match

Loading thumbnail…

activity 6_q3

This horizontal stacked bar chart displays sales data for five beauty products, breaking down total sales into two colored segments: Price and Quantity, with product names on the y-axis and the aggregated sales value on the x-axis. Built with D3.v7, the visualization uses `d3.scaleLinear` and `d3.scaleBand` for axes, `d3.stack()` to compose the stacked segments, and `d3.axisBottom`/`d3.axisLeft` for tick marks. The SVG rendering includes color encoding via `d3.scaleOrdinal` for the two stacked categories, with a legend and concise axis labels, drawing from a local dataset where each row specifies product, brand, price, and quantity.

Sshettisowmya01@gmail.com

88% match