Activity6_Task2_Qus3

100%

Activity6_Task2_Qus3

✓ Published0🌍 Public

Last edited Oct 25, 2024

Created on Oct 25, 2024

This stacked bar chart displays the percentage of fruit sales across four regions: North, South, East, and West, with each bar representing a fruit type and colored segments showing regional proportions. Hovering over a segment reveals a tooltip with the exact percentage for that fruit-region combination. Built with D3 v7, the visualization uses `d3.stack()` to compute the stacked segments, `d3.scaleBand()` for the categorical y-axis, and `d3.scaleLinear()` for the percentage x-axis. The data comes from the embedded `sales.csv` file, and the SVG output includes a legend and axis labels.

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…

Activity6_Task2

This stacked bar chart visualizes the distribution of sales percentages across four regions for five fruit products, using data from a CSV file. Each horizontal bar is segmented by region, with colors corresponding to a categorical color scale, and the x-axis measures percentage from 0 to 1. The visualization uses `d3.axisBottom`, `d3.axisLeft`, and `d3.scaleOrdinal` to render the axes and color encoding. Hovering over a segment triggers a tooltip that displays the precise sales percentage for that fruit and region, calculated via `d3.format`. The chart is rendered as an SVG using D3 v7.

Aamarnadhkari98@gmail.com

95% match

Loading thumbnail…

Activity6_Task2_Q2

This stacked bar chart visualizes fruit sales across multiple years, using horizontal segments to compare totals for Apple, Orange, Mango, and kiwi from 2018 to 2021. The chart displays the proportional contribution of each fruit per year, with tooltips showing exact sales values on hover. Built with D3 v7, the visualization uses `d3.stack()` and `d3.scaleOrdinal` for color encoding, along with `d3.axisLeft` and `d3.axisBottom` for axes. Data originates from an embedded CSV file, rendered as SVG elements.

PPothuguntla Pranitha

88% match

Loading thumbnail…

Activity 6 task 2 Q2

This example presents a stacked bar chart showing the sales distribution of four product categories (Electronics, Clothing, Furniture, Groceries) across four regions (North, South, East, West), with each bar segment colored by region and displaying a hover tooltip with the exact percentage. Built with D3.js v5 and rendered as an SVG, the visualization uses `d3.stack()` to create stacked series from the in-memory `salesData` array, `d3.scaleBand` for the categorical x-axis, and `d3.scaleLinear` for the percentage-based y-axis. A legend identifies regions, and both axes include descriptive labels.

SSuneelKalva@my.unt.edu

88% match

Loading thumbnail…

Activity 6_Task 2 Question

This stacked bar chart shows the percentage distribution of sales across four product categories—Books, Toys, Kitchenware, and Sports—broken down by the North, South, East, and West regions. Using d3.stack and d3.scaleOrdinal, the SVG visualization groups color-coded segments for each region, with axes formatted as percentages and a legend identifying region colors. The data comes from a hardcoded JavaScript array, rendered with d3.axisBottom and d3.axisLeft, and includes interactive tooltips via appended title elements.

SSrihith Reddy Gaddam

88% match

Loading thumbnail…

Question2 of Activity6

This stacked bar chart displays fruit sales across four years, with each bar segmented by year and colored by fruit category. It uses D3 v7’s `d3.stack()` to compute the stacked segments, `d3.scaleBand` for the categorical y-axis, and `d3.scaleLinear` for the sales x-axis. Mouseover events trigger a custom tooltip showing the exact sales value per segment, while a legend identifies the year colors. The data is loaded from a CSV file and rendered as SVG.

VVenkataSaisrivishnuBatchu@my.unt.edu

87% match

Loading thumbnail…

Activity-6_Question-2.3

This stacked bar chart displays regional sales data for three products across four regions, using a categorical color scale to distinguish each product category. Built with D3 v7, the visualization imports data from a local CSV file and applies d3.stack() to layer the series, with d3.scaleBand() for the x-axis and d3.scaleLinear() for the y-axis. Axes are rendered using d3.axisBottom() and d3.axisLeft(), while a custom legend reflects the stacked order. The SVG output includes hover styling defined in the accompanying CSS.

Ttarun.chintada46@gmail.com

86% match

Loading thumbnail…

Activity 6 task 2 Q2

This stacked bar chart shows the percentage breakdown of fruit categories (Apples, Oranges, Bananas, Berries) across three months, using horizontal bars segmented by color. The visualization uses d3.stack() to compute cumulative values, d3.scaleOrdinal with d3.schemeCategory10 for color encoding, and d3.scaleBand for the categorical y-axis. Rendered as SVG, the chart positions each segment via d3.scaleLinear for the x-axis, with data loaded from an inline array. The tooltip behavior mentioned in the README is not implemented in the provided JavaScript code.

Mmounikakatipally995@gmail.com

86% match

Loading thumbnail…

activity6_question2_11719493

This stacked bar chart displays sales volumes across five regions (North, South, East, West, Central) broken down into five product categories. The horizontal bars are segmented by category, with each region’s total sales represented on a linear scale. Using D3 v7, the code applies `d3.stack()` to aggregate category values, maps regions to a band scale for the y-axis, and retrieves data from `sales_data.csv`. Interactive tooltips appear on mouseover, and a legend is rendered via SVG rectangles and text elements.

Ssravani1969@gmail.com

86% match