Skip to main content
SimilarExport ZIP
100%

question 1(Task 2)

✓ Published4🌍 Public
MMahimaChowdaryKasthala@my.unt.edu
Last edited Mar 31, 2025
Created on Mar 31, 2025
Forked from Hello VizHub

This example shows the proportion of smartphone app usage across six age groups using a horizontal stacked bar chart. The bars are divided into segments for social media, games, productivity, streaming, and other apps, with a color-coded legend for identification. The chart uses `d3.stack` to compute the stacked bar coordinates and `d3.scaleBand` for the age-group axis. It reads data from the CSV file `phones.csv` and renders the chart as an SVG element. Color assignments are made with `d3.scaleOrdinal`.

AI-generated description
MIT Licensed

Similar vizzes

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

Fork of Fork of question 3(Task 2)

This visualization shows the proportion of smartphone app usage across six age groups, with each horizontal bar segmented into five categories: Social Media, Games, Productivity, Streaming, and Others. A stacked bar chart uses a diverging color palette to distinguish app types, and a legend identifies each category. The chart is rendered as SVG using D3 v7, employing `d3.stack()` for data transformation, `d3.scaleBand()` for the categorical y-axis, and `d3.scaleLinear()` for the percentage x-axis. Data is loaded from a local CSV file (`phones.csv`).

MMahimaChowdaryKasthala@my.unt.edu
90% 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
86% 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
85% 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