Skip to main content
SimilarExport ZIP
100%

Task 3 Question3

✓ Published0🌍 Public
Vvemurisuchitha@gmail.com
Last edited Apr 13, 2024
Created on Apr 13, 2024
Forked from Hello VizHub

This stacked bar chart visualizes phone brand sales (Apple, Samsung, Xiaomi) across five countries, with each bar segment representing a brand's contribution to total sales. The chart uses D3.js v7 with SVG rendering, loading data from a CSV file. It employs `d3.scaleBand` for the categorical x-axis, `d3.scaleLinear` for the numeric y-axis, and `d3.stack` to compute stacked segments. Hover tooltips display exact sales figures per brand and country. A color-coded legend identifies each brand.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Task2_q1

This stacked bar chart compares smartphone brand sales for Apple, Samsung, and Xiaomi across seven countries, with each bar segment representing a brand’s contribution to total sales. Hovering over a segment reveals a tooltip with the exact brand, sales figure, and country. The visualization uses d3.csv to load the dataset, d3.stack() to aggregate values, and d3.scaleBand for the x-axis. Color-coded segments follow an ordinal scale, while an SVG legend identifies each brand.

Vvemurisuchitha@gmail.com
90% match
Loading thumbnail…

activity6task2q2

This stacked bar chart shows how phone brand influences the distribution of ratings across five percentage categories. Built with D3 v7, the SVG visualization uses `d3.stack()` to aggregate proportions and `d3.scaleBand` for brand grouping, with `d3.scaleOrdinal` assigning colors to rating categories. Hover interactions reveal exact percentages via a custom tooltip, while the data comes from a CSV file mapping brands like Apple and Samsung to their rating breakdowns.

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

Activity-6 Question-3

This visualization shows device sales across smartphone, laptop, and tablet categories for five brands using a horizontal stacked bar chart rendered as SVG. The chart uses d3.stack() to compute stacked segments, d3.scaleLinear() for the sales axis, and d3.scaleBand() for brand categories. Hover interactions trigger opacity changes and tooltips displaying exact sales values via a div element. Data comes from an embedded devices_sales.csv file with sales figures for Samsung, Lenovo, Nokia, Apple, and Google Pixel.

KKavyaEti
83% match
Loading thumbnail…

Activity6_Q2

This stacked bar chart visualizes mobile phone sales across four brands (Samsung, Nokia, Motorola, Redmi) and four fiscal quarters, using D3 v7 with SVG rendering. The chart displays quantitative price data along the x-axis and categorical brand groups along the y-axis, with each bar segment colored by quarter. Interactive mouse events trigger tooltips showing the exact sales value for each segment. The visualization uses d3.stack for data aggregation, d3.scaleOrdinal for color mapping, and d3.scaleBand/scaleLinear for axes, with data loaded from the provided CSV.

Tthakurnikhitha4@gmail.com
82% 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
82% match
Loading thumbnail…

Question 3

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

GGangumalla Ruchitha Reddy
81% match
Loading thumbnail…

Activity6_Q2.3

This stacked bar chart visualizes the distribution of smartphone sales across five price categories for ten brands, with each bar normalized to show proportions of total sales. The D3.js v7 code loads data from a CSV file and renders an SVG visualization, using `d3.stack()` to create stacked segments, `d3.scaleOrdinal()` for color mapping, and `d3.axisBottom()` with percentage tick formatting. Interactive tooltips display the exact percentage for each segment on hover, while a legend identifies the color-coded categories.

MMeghana Sadhu
81% match