Activity6_Task2_Question

100%

Activity6_Task2_Question

✓ Published0🌍 Public

Last edited Oct 22, 2024

Created on Oct 22, 2024

This stacked bar chart visualizes the proportional representation of seven beverages across five serving style categories: hot, cold, carbonated, alcoholic, and non-alcoholic. The chart uses d3.stack() to aggregate data values and d3.scaleBand() for the categorical beverage axis, with d3.scaleLinear() handling the numeric proportion scale. Each bar segment is rendered as an SVG rect, colored via a d3.scaleOrdinal() palette, with a manual legend appended to the right side. The data is embedded directly in the script as a static array of beverage objects.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

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

83% match

Loading thumbnail…

Activity 6 Question 2

A horizontal stacked bar chart shows the proportion of ratings (Below 4 through Above 8) for six food categories, with each bar segmented by rating level and colored by category. The visualization uses D3 v7 with an SVG renderer and d3.stack to compute stacked segments, d3.scaleBand for the categorical y-axis, and d3.scaleLinear for the percentage x-axis. Tooltips display exact percentages on mouseover, and a legend identifies each rating color. Data comes from a CSV file containing proportional values for fruit, vegetables, meat, dairy, grains, and snacks.

Nnikhilapogula@my.unt.edu

82% match

Loading thumbnail…

Activity6_Task2_Question2

A stacked bar chart shows the proportional distribution of movie ratings across six genres, with each bar divided into five rating score ranges from below 5.0 to above 8.5. The chart uses d3.stack with stackOffsetExpand to normalize each genre bar to 100%, and displays percentage labels within segments wider than 40 pixels. D3 v7 renders SVG rectangles and axes, with an ordinal color scale and tooltips via appended title elements. Data is hardcoded as an array of objects in the script.

AAftab Hussain

82% match

Loading thumbnail…

Activity6_Question2

This stacked bar chart displays the distribution of chocolate ratings across five brands, showing the proportion of ratings in five percentage-based categories from “below 5.0” to “above 8.5.” The code uses d3.stack() to generate the stacked series and d3.scaleOrdinal for color mapping, with d3.axisBottom and d3.axisLeft for axes. Interactive tooltips appear on mouseover, showing the exact percentage per rating category. The data comes from a local CSV file loaded with d3.csv, and the visualization is rendered as SVG with a linear x-scale for percentages and a band scale for categories.

Ggreeshmareddy135@gmail.com

82% match

Loading thumbnail…

Activity6-Question2

This stacked bar chart depicts the percentage distribution of chocolate ratings across five categories, from "below 5.0" to "above 8.5," for six chocolate brands. Each brand forms a horizontal bar with colored segments representing the proportion of ratings in each category, using a diverging color scheme. Built with D3 v7 and rendered as SVG, the visualization uses `d3.stack()` to generate the stacked data and `d3.scaleOrdinal` for colors, with interactivity via mouseover events that display exact percentages in a tooltip. The chart reads from the CSV file, with axes labeled "Percentage" and a manual legend positioned to the right.

Ggreeshmareddy135@gmail.com

82% match

Loading thumbnail…

Activity6_Question2

This stacked horizontal bar chart shows the distribution of ratings for six food categories, from "Below 4" to "Above 8," with each bar segment representing the percentage of ratings in that range. Built with D3 v7, the visualization uses `d3.stack()` to compute the stacked segments, `d3.scaleLinear()` for the x-axis, and `d3.scaleBand()` for the y-axis categories. Hovering over a segment highlights it and displays a tooltip with the exact percentage, while the data is loaded from a local CSV file. The SVG rendering includes custom axis labels and a legend.

PPadmajaKodati@my.unt.edu

82% match

Loading thumbnail…

Fork of Activity6_Task2

This stacked horizontal bar chart displays the proportion of six food categories (Fruit, Vegetables, Meat, Dairy, Grains, Snacks) across rating bands from "Below 4" to "Above 8." Each category is a row of stacked colored segments, where segment length represents the percentage of ratings in that band. The visualization uses d3.stack() to compute cumulative values and d3.scaleOrdinal() for categorical colors. It renders via SVG with d3.axisBottom and d3.axisLeft, and includes interactive tooltips on mouseover showing exact percentage values. Data comes from a CSV file with pre-computed proportions.

Sshivakumarganji@my.unt.edu

82% match

Loading thumbnail…

Activity6_Question2

A stacked bar chart visualizes the distribution of ice cream flavor ratings across five percentage categories, with each flavor represented as a horizontal bar segmented by rating tier. The chart uses D3.js v7 APIs including `d3.stack`, `d3.scaleLinear`, `d3.scaleBand`, and `d3.axisBottom`/`d3.axisLeft`. Data comes from a local CSV file, rendered as SVG with interactive tooltips on hover showing the exact percentage per segment.

Llikhitha.sarahah01@gmail.com

81% match