Activity6_Task2_Q3

100%

Activity6_Task2_Q3

✓ Published1🌍 Public

Vvenkatamanikantavaddi@my.unt.edu

Last edited Oct 22, 2024

Created on Oct 22, 2024

This stacked bar chart visualizes sales data for five clothing stores, comparing revenue across three product categories: Cargo, Flannels, and Tee. The horizontal bars display the proportional contribution of each category to total store sales. Built with D3 v7 and rendered as SVG, the visualization uses `d3.stack()` to compute layered series, `d3.scaleBand()` for the categorical y-axis, and `d3.scaleLinear()` for the numerical x-axis. Interactive tooltips on each segment reveal exact category sales values, with the data sourced from the included CSV file.

AI-generated description

A demonstration of how to start using D3 version 6.

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity 6_Task 2 Q3

This stacked bar chart displays clothing sales across five stores, breaking down revenue into jeans, t-shirts, and shirts. Using D3 v7, the code loads data from a CSV file and applies the `d3.stack()` function to generate segments, with an ordinal color scale distinguishing product categories. Horizontal bars are rendered as SVG rectangles scaled by `d3.scaleLinear` for the x-axis and `d3.scaleBand` for store names. Interactive tooltips appear on mouseover, showing precise sales figures for each category per store.

Aakankshareddygorla@my.unt.edu

93% match

Loading thumbnail…

Activity6_Task2

A stacked bar chart displays sales totals for Clothing, Equipment, and Accessories across five named stores, using distinct colors for each category. The visualization relies on D3 v7’s `d3.stack()` to layer the data series, with `d3.scaleBand` positioning bars and `d3.scaleLinear` mapping values to the y-axis. SVG rectangles render each stack segment, while rotated bottom-axis labels and a custom HTML/CSS legend improve readability. The CSV data is embedded directly in the JavaScript, and the chart is generated entirely client-side.

Jjaswanthreddy2715@gmail.com

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

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

88% match

Loading thumbnail…

Activity6_question2

This stacked horizontal bar chart displays sales totals for five store locations, broken down by product categories including clothing, equipment, and accessories. The visualization uses d3.stack() to compute the segmented bar series and d3.scaleLinear and d3.scaleBand for positioning. Rendered as SVG with D3 v7, the chart includes interactive tooltips that display precise numeric values when hovering over each segment. Category colors are assigned via d3.scaleOrdinal, and axis labels and legends are manually added.

Ggnanendra097@gmail.com

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

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

87% match

Loading thumbnail…

Fork of Activity 6_Q3

A stacked horizontal bar chart shows sales by product category for five stores, with tooltips displaying precise values on hover. The visualization uses D3 v7, loading data from a CSV file and rendering with SVG. It employs `d3.stack()` for data stacking, `d3.scaleBand()` for the y-axis, and `d3.scaleLinear()` for the x-axis, with `d3.scaleOrdinal()` for category colors.

KKarnam Abinay Goud

86% match