Task 2 Questions

Activity8Task2UN

A horizontal stacked bar chart shows the percentage distribution of social media platform users across each month of 2023. The chart displays the total share for platforms like Facebook, Pinterest, and Twitter, with each bar segmented by platform and colored via a custom ordinal scale. Using D3 v7, the code loads a CSV file and applies d3.stack to compute the layered segments, while d3.scaleBand positions the months and d3.scaleLinear maps percentages. Interactive tooltips reveal exact values on hover, with axes rendered by d3.axisBottom and d3.axisLeft.

Uuzairnaeem15@gmail.com

82% match

task 8 question 2.2

A stacked horizontal bar chart shows the proportion of ratings (below 4, 4-5, 5-6, 6-7, 7-8, above 8) for six food categories, with each bar segmented by rating range. The visualization uses D3.js v7 with SVG rendering, employing d3.stack() to aggregate the data, d3.scaleBand() for the category axis, d3.scaleLinear() for the percentage axis, and d3.scaleOrdinal() for color encoding. Interactive tooltips display the exact percentage of each rating segment on hover, using event listeners and d3.format() to present values. The data is loaded from a CSV file containing pre-computed proportions.

Vvchittimadha@gmail.com

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.

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.

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.

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.