Skip to main content
SimilarExport ZIP
100%

Activity6_Question2

✓ Published0🌍 Public
Kkandooriabhiram@gmail.com
Last edited Apr 1, 2025
Created on Apr 1, 2025

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity_Tutorial2_Q2

This stacked bar chart visualizes mobile operating system market share (Android, iOS, and Other) across five global regions, with horizontal bars showing percentage values that sum to 100%. Interactive tooltips display exact numeric values on hover. The visualization uses D3 v7’s `d3.stack()` to compute layered data, `d3.scaleBand()` for categorical y-axis positioning, `d3.scaleLinear()` for percentage scaling, and `d3.scaleOrdinal()` with `d3.schemeSet2` for coloring. Bars render as SVG rectangles within a grouped `<g>` element, with data loaded from a CSV file specifying regional OS percentages.

Cchowdaryhemanth14@gmail.com
92% match
Loading thumbnail…

Activity_Tutorial_3.1

This stacked bar chart displays mobile operating system market share percentages across five global regions, with colored segments for Android, iOS, and Other. Each region’s horizontal bar spans from 0 to 100 percent, and hovering over a segment reveals its exact value via a tooltip. The visualization uses D3 v7’s `d3.stack()` to transform the CSV data, `d3.scaleBand` for region positioning, `d3.scaleLinear` for percentages, and `d3.schemeSet2` for categorical colors. SVG rendering handles the axes, while mouse events update tooltip opacity and content.

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

Activity6_Question2

This stacked bar chart shows the percentage of device usage (Mobile, Laptop, Tablet, TV) across five age groups, from 10-20 to 51+. The visualization uses D3 v7 with `d3.scaleOrdinal` for color encoding, `d3.scaleLinear` for the percentage x-axis, and `d3.scaleBand` for the age-group y-axis. Interactive tooltips appear on hover via the `mouseover`, `mousemove`, and `mouseout` events, displaying the exact percentage for each device segment. Data is loaded from a CSV file, and the chart is rendered as an SVG with a legend positioned to the right.

Mmohanalaharic@gmail.com
82% 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
82% 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
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
80% match