Skip to main content
SimilarExport ZIP
100%

Activity6_Question - 2

✓ Published0🌍 Public
NNitish Thotakura
Last edited Apr 3, 2025
Created on Apr 3, 2025
Forked from Activity6_Task - 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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6-Question 2

This stacked horizontal bar chart shows smartphone market share distribution across Samsung, Apple, Xiaomi, Oppo, and Others from 2019 to 2023. Each bar represents a company’s total market share across all years, colored by year using d3.scaleOrdinal. The visualization uses d3.stack() to layer year segments, d3.scaleBand for the categorical y-axis, and d3.scaleLinear for the percentage x-axis. Interactive hover effects trigger opacity changes and display tooltips showing year-specific market share values formatted with d3.format. Data comes from a CSV file loaded via d3.csv.

Hharinihari6791@gmail.com
91% match
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
88% 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
86% match
Loading thumbnail…

Activity6_Question2

This visualization presents a stacked bar chart of mobile operating system market share across five global regions, with Android, iOS, and Other segments summing to 100% per region. It uses D3 v7 to load CSV data via `d3.csv`, stack series with `d3.stack`, and scale values with `d3.scaleLinear` and `d3.scaleBand`. Rectangles are colored using `d3.schemeSet2`, and hover interactions display segment percentages through a custom tooltip. The SVG rendering features labeled axes with percentage tick formatting.

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

Activity 6 question 1

This visualization shows global smartphone market share for major manufacturers in 2024 using a pie chart, with Samsung and Apple dominating at over 40% combined. The chart is built with D3 v7, using `d3.pie()` and `d3.arc()` to generate slices, a `d3.scaleOrdinal` with `d3.schemeTableau10` for colors, and SVG rendering. Data loads from a GitHub CSV file via `d3.csv()`, with interactive tooltips on hover and a legend showing each brand's percentage.

NNithish Karanam
85% 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
85% match