Activity_Tutorial2_Q2

100%

Activity_Tutorial2_Q2

✓ Published1🌍 Public

Last edited Mar 31, 2025

Created on Mar 31, 2025

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.

AI-generated description

MIT Licensed

Similar vizzes

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

97% 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

92% 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…

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…

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…

Activity6_Task2_Q2

This example shows a stacked horizontal bar chart of app category ratings, displaying the percentage distribution of ratings across five bins from “below 2.0” to “above 5.0” for ten app categories. The visualization uses D3 v7 with SVG rendering, employing `d3.stack()` to compute stacked series, `d3.scaleOrdinal` for color mapping, and `d3.scaleBand` for categorical positioning. Tooltips on mouseover reveal exact percentages using `d3.format`. The data comes from a CSV file loaded and parsed by D3.

KKondreddy Saikiran reddy

80% match

Loading thumbnail…

Activity-6_Question-2.1

A stacked bar chart visualizes device usage proportions across five age groups, sourced from CSV data. It reveals how smartphone reliance decreases with age while tablet, laptop, and desktop usage generally increases. Built with D3 v7, the chart uses SVG rendering, a linear x-scale for percentages, a band y-scale for age categories, and an ordinal color scale. The stacked layers are created via `d3.stack()`, with tooltips showing exact percentages, and axes are formatted using `d3.axisBottom` and `d3.axisLeft`.

Hhoneyravuri.711@gmail.com

80% match

Loading thumbnail…

Activity6_Task2_Q2

This example uses a stacked horizontal bar chart to display the distribution of app ratings across categories like Social Media and Gaming, with each bar segment representing a rating range's percentage. Built with D3 v7, the visualization relies on `d3.stack`, `d3.scaleBand`, `d3.scaleLinear`, and `d3.axisBottom` to compute and render segments from the CSV data. Tooltips, implemented via D3 selection and mouse events, display exact percentages on hover. The SVG output uses a custom color scale for the five rating categories.

KKondreddy Saikiran reddy

80% match