Skip to main content
SimilarExport ZIP
100%

Question 3

✓ Published0🌍 Public
GGangumalla Ruchitha Reddy
Last edited Apr 14, 2024
Created on Apr 14, 2024
Forked from Hello VizHub

This stacked bar chart shows the sales performance of six products—Laptop, Smartphone, Tablet, Headphones, Smartwatch, and Camera—across five regions (North, South, East, West, Central). The x-axis represents dollar amounts as a percentage, and the y-axis lists product categories. Built with D3 v7, it uses `d3.stack()` to generate stacked series, `d3.scaleBand` for the y-axis, and `d3.axisBottom` for the x-axis. Mouseover interactions display tooltips showing each region’s percentage contribution. Data comes from an inline CSV file loaded via `d3.csv`.

AI-generated description

the sales performance of various products across different regions with specific product names

MIT Licensed

Similar vizzes

Loading thumbnail…

Question 2

A stacked bar chart visualizes sales performance by region, breaking down percentages across four product categories using data from a local CSV file. The chart employs D3 v7's `d3.stack` and `d3.scaleBand` to render SVG rectangles, with a tooltip triggered by mouse events. An ordinal color scale maps categories, and axes display percentage values. The static title and legend complete the presentation, showcasing local module imports alongside the D3 library.

Aasimcyb@gmail.com
85% 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
85% 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
84% match
Loading thumbnail…

Activity_6_Question 2.3

A stacked bar chart displays regional product sales, with each bar segmented by product category (productA, productB, productC) and colored via a categorical scale. The visualization loads CSV data with d3.csv and d3.autoType, then uses d3.stack to compute the stacked series. d3.scaleBand maps regions to x positions, d3.scaleLinear maps sales values to y positions, and d3.axisBottom and d3.axisLeft render the axes. A legend groups color swatches and labels, while the SVG output is generated entirely in d3.v7.

Kkesava
84% match
Loading thumbnail…

Activity 6 Question 2

This stacked bar chart displays sales figures for Smartphones, Laptops, and Tablets across three years, using color-coded segments to show each category’s contribution to total annual sales. Built with D3.js v7 and rendered as SVG, the chart uses stacked rectangles via the `d3.stack()` API, with axes from `d3.axisBottom` and `d3.axisLeft`. Hover interactions reveal a tooltip with category-specific values. Data comes from a local CSV file and is processed through `d3.csv()`.

Ssagipavan2385@gmail.com
84% match
Loading thumbnail…

Question2_Activity_6

This example shows a stacked bar chart that breaks down sales of three products—productA, productB, and productC—across four regions (North, South, East, West). The code reads a local `data.csv` file using `d3.csv` and `d3.autoType`, then builds the chart with D3 v7’s `scaleBand` for the x-axis, `scaleLinear` for the y-axis, and `d3.stack` to accumulate the segment values. Each region’s bar is divided into colored segments, with a legend identifying the product categories, and the y-axis is labeled “Sales.” The SVG output is generated directly through D3’s selection and append methods.

SSai Sandhya Nannapaneni
84% 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
84% match
Loading thumbnail…

activity6_question2_11719493

A horizontal stacked bar chart visualizes total sales distribution across five product categories for five regions, using D3.js v7 with an SVG rendering approach. The chart reads data from sales_data.csv, with each bar segment colored by category via d3.scaleOrdinal. Axis formatting employs d3.axisLeft and d3.axisBottom, while two legends display category colors and region colors. The visualization clearly compares regional sales totals and category contributions, with Central region significantly lower than others.

Ssravani1969@gmail.com
84% match