Skip to main content
SimilarExport ZIP
100%

Activity6_Question2

✓ Published0🌍 Public
PPavanKumarRacharla@my.unt.edu
Last edited Apr 6, 2024
Created on Apr 5, 2024
Forked from Hello VizHub

This visualization displays the distribution of ice cream ratings across six categories, from "Below 4" to "Above 8," using a horizontal stacked bar chart. Each bar represents a flavor (Vanilla, Butterscotch, Chocolate, Strawberry, Butterpecan, Cookies n Cream), with segments colored by rating category and lengths proportional to the percentage of ratings received. The chart is built with D3 v7, using `d3.stack()` to create stacked data, `d3.scaleLinear` for the x-axis, and `d3.scaleBand` for the categorical y-axis. Mouseover interactions reveal exact percentages via a tooltip, while a legend on the right identifies each rating segment.

AI-generated description

Food type ratings

MIT Licensed

Similar vizzes

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

Activity-6_Question-2

This stacked bar chart displays the distribution of fruit ratings across five sweetness categories, from "below 5.0" to "above 8.5", with each fruit represented as a horizontal bar segmented by rating percentage. The visualization uses d3.stack() to compute cumulative values, d3.scaleBand() for the categorical y-axis, and d3.scaleLinear() for the percentage x-axis. Interactive tooltips reveal the exact percentage for each rating segment on mouseover, while an ordinal color scale assigns distinct hues to each category.

Ccharanshiva769@gmail.com
85% match
Loading thumbnail…

Activity6Question2

This example shows the distribution of ratings across five categories—AI Research, Machine Learning Development, and others—using a stacked horizontal bar chart. Each bar segment represents the percentage of ratings within a rating band, such as "below 5.0" or "7.5-8.5". The visualization uses d3.stack() to structure the data and d3.scaleOrdinal for color mapping. Mouse interactions trigger tooltips that display exact percentages, while d3.axisBottom and d3.axisLeft label the chart. Data is loaded from a CSV file with d3.v7.

Aalapati98@gmail.com
84% match
Loading thumbnail…

Activity6-Question2

This stacked bar chart shows the percentage distribution of five rating levels (from "below 2.0" to "above 5.0") across ten chocolate brands, revealing how each brand’s ratings are spread. The chart uses a horizontal layout with a linear x-axis for percentages and a banded y-axis for genres, with each bar segment color-coded by rating level. Written in D3 v7, it relies on `d3.stack` to generate stacked data, `d3.scaleOrdinal` for colors, and `d3.axisBottom` and `d3.axisLeft` for axes. Interactive tooltips display exact percentages on mouseover, using D3’s selection and event handling. Data comes from a local CSV file.

Ppslharika@gmail.com
84% match