Activity 6 quiz 2.1

100%

Activity 6 quiz 2.1

✓ Published0🌍 Public

Last edited Apr 22, 2025

Created on Apr 22, 2025

This stacked bar chart visualizes the distribution of food ratings across twenty cuisines, with each bar segment representing the proportion of responses in five categories from "Extremely Low" to "Highest." The visualization uses d3.stack() to transform the CSV data into stacked series, d3.scaleOrdinal for color encoding, and d3.scaleBand for the categorical y-axis. Interactive tooltips appear on mouseover, displaying the exact percentage for each rating category using d3.format. The SVG rendering includes custom axes, gridlines, and a legend-style title.

AI-generated description

MIT Licensed

Similar vizzes

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

90% match

Loading thumbnail…

activity-6-a-2

A stacked bar chart shows the distribution of food ratings across five categories, from "Below 5.0" to "Above 8.5," for six food items. Each bar segment’s length encodes the proportion of ratings, with hover interactions displaying exact percentages via a tooltip. The visualization uses D3 v7’s `d3.stack`, `d3.scaleOrdinal`, `d3.scaleLinear`, and `d3.scaleBand` to render SVG rectangles, with data loaded from a CSV file and a custom color scale mapping each rating category.

SSathishvepuri143@gmail.com

90% match

Loading thumbnail…

Activity 6 Question 2

This stacked bar chart shows the percentage distribution of six rating categories within each of six food categories, revealing how genre influences rating outcomes. Mouse hover actions highlight individual bar segments and display exact percentages via tooltip pop-ups. The visualization uses d3.stack() to generate stacked series, d3.scaleOrdinal() for color mapping, d3.scaleLinear() and d3.scaleBand() for axes, and d3.axisBottom() for the percentage axis, rendering in SVG with data from a CSV file.

Jjaswanthreddy2000@gmail.com

90% match

Loading thumbnail…

Activity6_Question2

This stacked bar chart shows the percentage distribution of five rating levels across seven restaurants, using horizontally oriented bars where each segment represents a rating category. The visualization employs d3.stack() to compute stacked series from CSV data, d3.scaleBand() for the categorical y-axis, and d3.scaleLinear() for the percentage x-axis. Color encoding via d3.scaleOrdinal distinguishes rating bins, while mouseover events trigger tooltip displays showing exact percentage values. The SVG rendering includes axis labels, a title, and grid lines, with data sourced from dataQ2.csv.

Rrishithagovini99@gmail.com

89% 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

88% match

Loading thumbnail…

Activity-6 Question-2

This stacked bar chart displays the distribution of vegetable ratings across six categories, from “below 4.0” to “above 8.0,” using percentage values loaded from a CSV file. The visualization uses d3.stack, d3.scaleBand, d3.scaleLinear, and d3.scaleOrdinal to render SVG bars, with a tooltip on mouseover showing the exact percentage for each rating segment. Color-coded segments represent each rating range, and axes are labeled with a custom title and percentage axis.

Ssumanthpenna0221@gmail.com

88% match

Loading thumbnail…

Activity6_Question2

This visualization shows how different food categories—fruit, vegetables, meat, dairy, grains, and snacks—are distributed across six rating bands, from below 4 to above 8, as stacked horizontal bars representing proportions that sum to 100%. Each segment’s width encodes the percentage of ratings in that band, with colors distinguishing rating levels and a tooltip revealing exact percentages on hover. The chart loads data from a CSV file and uses d3.stack() for stacking, d3.scaleBand() and d3.scaleLinear() for positioning, and d3.axisBottom and d3.axisLeft for axes. An ordinal color scale maps rating keys to a fixed palette, and mouse events update tooltip content dynamically.

SSiddhartha Alwala

87% 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

86% match