Skip to main content
SimilarExport ZIP
100%

Fork of activity6_Question2

✓ Published0🌍 Public
Aakitisaitejareddy@gmail.com
Last edited Apr 5, 2024
Created on Apr 5, 2024

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

activity6_Question3

This bar chart visualizes the distribution of favorite ice cream flavors across 20 respondents, showing which flavors received the most selections. It displays the count of respondents for each of 16 unique flavors, with Chocolate appearing most frequently (3 votes), followed by Vanilla and Strawberry (2 votes each), while all other flavors received a single vote. The visualization uses Chart.js with a canvas rendering approach, pulling data from a static dataset embedded in the HTML file. The chart configures axes for flavor categories and respondent counts, with semi-transparent colored bars and distinct border colors for each flavor category.

Aakitisaitejareddy@gmail.com
93% 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
82% 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
80% match
Loading thumbnail…

Fork of Task -8(part-2)

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.

DDivyaKota2@my.unt.edu
80% match
Loading thumbnail…

Firoze_T9_Q1

This example shows the distribution of ice cream flavors by sales as an interactive pie chart. It uses D3.js v7 to fetch a CSV file from a GitHub gist, parse the data, and aggregate flavor counts. The visualization employs `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` with a categorical color scheme to render the chart and its legend.

Sshaikfiroze186@gmail.com
75% match
Loading thumbnail…

3_ativity_6

This bubble chart visualizes the correlation between the average price of ice cream, the number of flavor varieties, and calories for a fictional set of ice cream brands. Data is loaded from a remote CSV file, and each bubble’s position encodes price and flavor count, while its size and color represent calorie content and brand, respectively. Built with D3.js v7, the chart includes interactive tooltips on hover and a legend showing calorie-to-bubble-size mapping, with axes, labels, and a title rendered using standard D3 scales and SVG elements.

Aazeemrm630@gmail.com
74% 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
73% 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
73% match