Skip to main content
SimilarExport ZIP
100%

Activity6_Question2

✓ Published0🌍 Public
Mmohanalaharic@gmail.com
Last edited Oct 31, 2025
Created on Oct 31, 2025
Forked from Hello VizHub

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.

AI-generated description
MIT Licensed

Similar vizzes

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

Activity6_Task2

This stacked bar chart visualizes the percentage of internet usage across five age groups, segmented by region, with each bar normalized to 100%. The visualization uses `d3.stack()` to create the stacked segments and `d3.scaleOrdinal` for color encoding, mapping regions to distinct hues. Interactive tooltips appear on hover, displaying the precise percentage for each region-age combination using `d3.format('.2f')`. The chart leverages `d3.axisBottom` and `d3.axisLeft` with SVG rendering, reading from a `data.csv` file that contains proportional usage values for North America, Europe, Asia, Africa, and South America.

Ggoudrohit2000@gmail.com
84% match
Loading thumbnail…

Activity6_Question2

This stacked bar chart displays the distribution of user ratings across five tech categories, with each bar proportionally segmented from "below 5.0" to "above 8.5." Using d3.scaleBand for the categorical y-axis and d3.scaleLinear for the percentage x-axis, the chart employs d3.stack to compose the segments. A hover tooltip reveals exact percentages per segment, with the data loaded via d3.csv. SVG rendering and smooth opacity transitions for the tooltip enhance interactivity.

Bbhargavr016@gmail.com
84% match
Loading thumbnail…

Activity 6 Question 2

This stacked bar chart shows movie genre preferences across five age groups, with each bar segment representing the percentage of respondents who rated a particular movie type. The visualization uses d3.stack() to compute cumulative values and d3.scaleOrdinal with a custom color palette to distinguish categories. Mouse interactions trigger tooltips that display exact percentages, while d3.axisBottom and d3.axisLeft render the axes with gridlines. The data originates from a CSV file, and the chart is rendered as SVG using D3 v7.

Ttallapanenisahithi@gmail.com
84% match
Loading thumbnail…

Fork of Activity6_task 2- Q1

This example shows smartphone usage percentages across five age groups as a horizontal stacked bar chart, with four activity categories (Social Media, Gaming, Productivity, Communication) distinguished by color. The visualization uses d3.stack() to compute layered series from CSV data, then binds rectangles to each layer using data joins. A d3.scaleBand positions age groups on the y-axis, while a d3.scaleLinear maps percentages to x-axis positions. The chart includes axes with percentage tick formatting and a custom SVG legend built from the same ordinal color scale, rendered entirely as SVG elements.

PPreethamreddyannavaram@my.unt.edu
83% 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
83% match
Loading thumbnail…

Fork of question 3(Task 2)

This stacked bar chart visualizes the proportion of smartphone app usage across six age groups, from 18-24 to 65+, with each bar segment representing a category such as Social Media, Games, or Productivity. Built with D3 v7, the visualization uses `d3.stack()` to compute the stacked series from the `phones.csv` data and renders them as SVG rectangles. A linear `d3.scaleLinear` maps the usage proportions (0–1) on the x-axis, while a band scale positions the age groups vertically. Color encoding via `d3.scaleOrdinal` distinguishes the app categories, and an interactive legend lists each type alongside its corresponding color.

MMahimaChowdaryKasthala@my.unt.edu
83% match
Loading thumbnail…

Fork of question 3(Task 2)

This stacked bar chart visualizes the proportion of smartphone app usage across six age groups, from 18-24 to 65+, with each bar segment representing a category such as Social Media, Games, or Productivity. Built with D3 v7, the visualization uses `d3.stack()` to compute the stacked series from the `phones.csv` data and renders them as SVG rectangles. A linear `d3.scaleLinear` maps the usage proportions (0–1) on the x-axis, while a band scale positions the age groups vertically. Color encoding via `d3.scaleOrdinal` distinguishes the app categories, and an interactive legend lists each type alongside its corresponding color.

MMahimaChowdaryKasthala@my.unt.edu
83% match