Skip to main content
SimilarExport ZIP
100%

Activity 6 Question 2

✓ Published1🌍 Public
Ssagipavan2385@gmail.com
Last edited Apr 4, 2025
Created on Apr 4, 2025
Forked from task1_activity6

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()`.

AI-generated description
MIT Licensed

Similar vizzes

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

Activity 6_Question 2

This stacked bar chart visualizes sales figures for Grocery, Appliances, and Toys across three years (2018–2020), with each bar segment colored by category. Built with D3.js v7, it uses `d3.stack` to accumulate category values, `d3.scaleBand` and `d3.scaleLinear` for axes, and SVG rectangles for rendering. Interactive tooltips appear on mouseover, displaying category and exact sales amount. The chart includes axis labels, a legend, and reads data from a local CSV file.

Mmsnikhil2608@gmail.com
87% match
Loading thumbnail…

Activity6_Question2

This example visualizes mobile phone sales data from a CSV file as a horizontal stacked bar chart, displaying yearly sales figures for Apple, Samsung, Motorola, and Google. The chart uses D3.js v7 to load data, apply sequential color scales, and render the SVG with axis labels and a tooltip that reveals specific sales values on hover. The code demonstrates importing D3 via UNPKG, using utility functions like `d3.stack()` and `d3.scaleBand()`, and structuring chart elements with an SVG canvas.

Vvarshithainaganti@gmail.com
87% 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…

Activity6Question2

This stacked bar chart shows quarterly sales totals across three product categories—Electronics, Clothing, and Home Goods—using D3 v7 to render SVG. The chart uses `d3.stack()` to create stacked segments and `d3.scaleOrdinal()` for color mapping, with `d3.axisBottom` for the x-axis. Hovering over any segment reveals a tooltip displaying the exact sales value for that category and quarter. Data comes from a hardcoded CSV structure with quarter and category columns.

Gganesh.hns48@gmail.com
86% match
Loading thumbnail…

Activity 6 Question 2

This stacked bar chart shows yearly sales totals for grocery, appliance, and toy categories across 2018–2020. Each bar segment represents one product category, with a legend identifying colors and a hover tooltip displaying the exact sales value. The visualization uses D3 v7’s `d3.stack`, `d3.scaleBand`, and `d3.scaleLinear` to generate SVG elements from the provided CSV data. Interactive features rely on D3’s `.on('mouseover')` and `.on('mouseout')` event handlers, while axis labels and tooltips are styled using inline CSS.

SSai Gottumukkala
86% match
Loading thumbnail…

Activity 6 Question 2

This example shows stacked bar charts of sales in dollars across three product categories—Electronics, Furniture, and Clothing—for the years 2018 through 2020. It uses D3 v7 with the `d3.stack` API to layer the series, `d3.scaleBand` for the yearly bars, and `d3.scaleLinear` for the y-axis. Hovering reveals a tooltip with the category and exact value, while a legend identifies each color from `d3.schemeCategory10`, as loaded from a local CSV file.

Aanisha.peddireddy@gmail.com
86% match
Loading thumbnail…

Activity6_Question - 2

A horizontal stacked bar chart displays global smartphone market share across six countries, with each bar segmented by manufacturer (Apple, Samsung, Xiaomi, Oppo, Vivo, Others) and encoded in color via `d3.scaleOrdinal`. Built with d3.v7 and SVG, the visualization uses `d3.stack()` to compute cumulative segment positions, `d3.scaleLinear` for the share axis, and `d3.scaleBand` for country grouping. Interactive tooltips, styled in CSS, reveal precise percentages on mouseover, while the data originates from the embedded `data.csv` file.

NNitish Thotakura
85% match