Fork of Task -8(part-2)

100%

Fork of Task -8(part-2)

✓ Published0🌍 Public

DDivyaKota2@my.unt.edu

Last edited Apr 13, 2024

Created on Apr 13, 2024

A stacked horizontal bar chart visualizes ice cream flavor ratings across five Likert-scale categories from strongly dislike to strongly like. The D3 v7 code composes the data from a CSV with d3.stack, maps flavor names to the y-axis with d3.scaleBand, and positions bar segments with a linear percentage scale. Hovering over individual segments triggers d3.select and tooltip interactions to reveal precise percentages, while custom axis labels and Google Fonts styling frame the chart.

AI-generated description

An example showing the capabilities of VizHub:

Loads D3 via UNPKG.
Demonstrates use of import from "d3".
Demonstrates use of import from local ES6 modules.

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

85% match

Loading thumbnail…

Fork of Task 6.2

A stacked bar chart displays the percentage distribution of fruit ratings across five categories, from "Below 1.0" to "Above 4.0," for nine fruit types. The visualization uses d3.stack() to compute stacked series, with d3.scaleOrdinal and a custom color palette mapping each rating category. Rendering as SVG, the chart includes axes via d3.axisBottom and d3.axisLeft, and an interactive tooltip that appears on mouseover via d3.select and event listeners. Data is loaded from a CSV file and formatted using d3.format.

Pperamranji

84% match

Loading thumbnail…

Fork of Fork of Activity6_Task2

This horizontal stacked bar chart shows the proportion of ratings (from "Below 4" to "Above 8") for six food categories (Fruit, Vegetables, etc.), with each bar’s segments representing the percentage of ratings in that range. The chart uses `d3.stack()` to create the stacked segments, `d3.scaleBand` for the categorical y-axis, and `d3.scaleLinear` for the x-axis. Hovering over a segment reveals a tooltip showing the exact percentage for that rating, calculated from the provided data. The visualization is rendered as SVG using D3 v7, with colors assigned via `d3.scaleOrdinal`.

Sshivakumarganji@my.unt.edu

83% match

Loading thumbnail…

Fork of task 8 question 2.2

This visualization displays the proportion of ratings (from "Below 4" to "Above 8") for six food categories using stacked horizontal bars. The chart uses D3 v7 to process the CSV data with d3.stack(), maps categories to the y-axis via d3.scaleBand(), and encodes proportions on the x-axis with d3.scaleLinear(). Interactive tooltips, styled with CSS, reveal exact percentages on mouseover. The SVG rendering includes a legend and custom color palette from a d3.scaleOrdinal() scale.

Vvchittimadha@gmail.com

83% match

Loading thumbnail…

Activity6_Question2

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.

PPavanKumarRacharla@my.unt.edu

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

81% match

Loading thumbnail…

Fork of activity6_Question2

This bar chart displays the distribution of favorite ice cream flavors among 20 respondents, with flavor categories on the x-axis and the number of respondents on the y-axis. The chart is rendered on an HTML Canvas element using the Chart.js library, which is loaded via a CDN. Data is hardcoded in the JavaScript, with each flavor’s count specified in the `datasets` array. The visualization uses distinct background and border colors for each bar, and axes are labeled with scale descriptions.

Aakitisaitejareddy@gmail.com

80% match

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

80% match