Skip to main content
100%

w34

✓ Published0🌍 Public
Aaaizemberg
Last edited Aug 22, 2019
Created on Aug 20, 2019

This visualization displays survey results on cellphone usage among US teens and parents, showing the percentage of each group who report spending too much time on their phones. The data is rendered as repeated emoji icons—🧒 for teens and 👨 for parents—with the percentage value and respondent type printed alongside. The code loads CSV data from data.world using d3.csv, filters rows where frequency is "na", and appends paragraphs to the div#q1 element using D3 v5 selections. The emoji repetition directly encodes the response percentage, creating a pictogram-style comparison.

AI-generated description

Similar vizzes

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

question 1(Task 2)

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`.

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

Interactive Plot

This interactive plot visualizes survey data on youth smoking cessation, showing how long individuals have quit smoking across different years, with each dot’s color indicating age group. Users can switch the color encoding between age, sex, or grade via a dropdown menu. The visualization uses D3 v6 with SVG rendering, leveraging `d3.scaleOrdinal` for categorical color mapping, `d3.legendColor` for legends, and `d3.zoom` for interactive panning and zooming. Data is loaded as CSV from a remote repository, and transitions are applied when the selected grouping changes.

JJinyu Wang
64% match