Skip to main content
SimilarExport ZIP
100%

Activity6_Task2(Question 3)

✓ Published0🌍 Public
SSowjanya Devupalli
Last edited Oct 22, 2024
Created on Oct 17, 2024
Forked from Activity6_Task2

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.

AI-generated description

IMBD movie ratings

MIT Licensed

Similar vizzes

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
93% 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
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
90% match
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
89% match
Loading thumbnail…

Activity6_Task2_Q3

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.

Vvenkatamanikantavaddi@my.unt.edu
89% 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
89% match
Loading thumbnail…

Activity6 Q 2.3

This stacked bar chart shows sales figures for laptops, phones, and tablets across five retail stores, with each store represented as a horizontal bar broken into three colored segments. The visualization uses d3.stack() to process the CSV data, d3.scaleLinear and d3.scaleBand for positioning, and an ordinal color scale for categories. Interactive tooltips appear on mouseover, displaying exact sales values via a custom HTML div, while the SVG rendering includes axis labels and a legend.

RRukmini Devi Y
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
88% match