Skip to main content
SimilarExport ZIP
100%

activity6_Task-2

✓ Published0🌍 Public
Ggolisanthoshi2000@gmail.com
Last edited Oct 22, 2024
Created on Oct 22, 2024

This stacked bar chart displays the nutritional composition of ten common foods, breaking down proportions of fiber, protein, fat, carbs, and vitamins along a horizontal percentage axis. Hovering over any segment reveals an interactive tooltip showing the exact percentage value. The visualization uses d3.stack() to generate layered bars, with d3.scaleBand and d3.scaleLinear handling positioning, while d3.scaleOrdinal assigns distinct colors to each nutrient category. Data comes from a local CSV file, rendered as SVG elements with mouseover and mouseout events driving the tooltip behavior.

AI-generated description

The impact of genre on movie ratings

This stacked bar chart gives the percentage of each rating level within different movie genres. The aim is to show the impact of genre on movie ratings. When the mouse hovers over each bar, you can see pop-ups of accurate percentage of each rating level within each genre. Total percentage is 1, representing 100%.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Activity_6_Task_2_1

A horizontal stacked bar chart shows the caloric distribution percentages across ten food types, with each bar segmented into five calorie bands from "below 2.0" to "above 6.5" calories. The visualization uses D3 v7's `d3.stack()` and `d3.scaleOrdinal()` to create the stacked segments, with a color scale assigning a distinct hue to each calorie category. Rectangles are positioned via `d3.scaleLinear()` for the x-axis and `d3.scaleBand()` for the y-axis, and interactive mouseover events display precise percentage values in a styled tooltip. Data comes from the included `calories.csv` file, rendered as SVG with custom fonts and axis labels.

LLarry Johnson
87% match
Loading thumbnail…

Activity6_Task2 Question 2

This stacked bar chart visualizes the macronutrient breakdown—carbohydrates, fats, and proteins—across six food categories using data from a local CSV file. The chart uses `d3.stack()` to generate stacked series and `d3.scaleOrdinal` for color mapping, with bars rendered as SVG rectangles. Axes are built with `d3.axisBottom` and `d3.axisLeft`, while a legend is manually appended as colored rectangles and text labels. The visualization highlights proportional differences in nutrient composition, such as fruits being nearly all carbohydrates.

Vvemulasai306@gmail.com
86% 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
86% match
Loading thumbnail…

activity8-task2

A stacked bar chart displays cereal ratings by ingredient percentage, with each bar segmented into sugars, vitamins, and rating contributions. The chart uses D3 v7's `stack`, `scaleLinear`, `scaleBand`, and `axisBottom` APIs to construct the SVG visualization. Hover interactions reveal precise percentages via a tooltip. The categorical data comes from a CSV file listing cereal names and their nutritional values.

Bbobbymeyermsis@gmail.com
84% match
Loading thumbnail…

Activity6_Task2.1

This example shows a stacked horizontal bar chart comparing the percentage distribution of vegetable ratings across six categories, from “below 4.0” to “above 8.0.” The visualization uses D3 v7’s `d3.stack()` to compute the stacked segments, with `d3.scaleOrdinal()` for color mapping and `d3.scaleBand()` for the vegetable categories. Each bar segment displays a tooltip on mouseover, showing the exact rating percentage. The chart loads data from a CSV file and renders as SVG, with axes and labels styled via external CSS.

Ssumanthnaidu213@gmail.com
84% 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
82% 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
82% 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