Skip to main content
SimilarExport ZIP
100%

try

✓ Published1🌍 Public
Sshivasaiamaravadi@gmail.com
Last edited Apr 10, 2024
Created on Apr 10, 2024
Forked from Activity-6

A stacked horizontal bar chart displays the distribution of product ratings across six cosmetics brands, with each bar segmented into five rating categories from "below 5.0" to "above 8.5." The chart uses SVG rendering with D3 v7, employing `d3.stack()` to compute the stacked series, `d3.scaleBand` for the categorical y-axis, and `d3.scaleLinear` for the percentage x-axis. Mouseover interactions reveal tooltips with precise percentage values for each brand and rating segment. Data comes from a CSV file loaded with D3’s data parsing.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

activity 6_Q2

This visualization shows the distribution of customer ratings across six cosmetic brands, using horizontal stacked bar charts to compare the proportion of ratings in five percentage ranges from below 5.0 to above 8.5. Each bar segment is colored by rating category, with a tooltip revealing the exact percentage for each brand and rating range on hover. The chart uses d3.stack() to compute the stacked data, d3.scaleLinear and d3.scaleBand for positioning, and d3.axisBottom with tick lines for the percentage scale. Data comes from a CSV file, rendered as SVG elements with mouseover events that adjust opacity and display tooltip information.

Sshivasaiamaravadi@gmail.com
90% match
Loading thumbnail…

activity6_Q2

This example visualizes the distribution of product ratings across cosmetics brands. Each horizontal bar represents a brand, segmented into stacked, color-coded sections for rating percentages. The chart effectively compares the proportion of ratings falling into each category, such as below 5.0 or above 8.5, across brands. The visualization is built with D3.js v7, rendering to SVG. Data is loaded from a CSV file and processed using the `d3.stack` and `d3.scaleOrdinal` APIs. Interactivity includes a tooltip that displays a brand’s exact percentage for a rating category on hover, and axis labels and tick marks are customized.

Sshivasaiamaravadi@gmail.com
89% match
Loading thumbnail…

Activity6_Task2

This stacked bar chart visualizes the distribution of cosmetic brand ratings across five percentage-based categories, from "below 5.0" to "above 8.5". Each horizontal bar represents a brand (e.g., Clinique, ELF, Sephora), with segments colored by rating category. The D3.js code uses `d3.stack()` to compute cumulative values, `d3.scaleLinear()` for the x-axis, and `d3.scaleBand()` for the categorical y-axis. It renders to SVG, includes interactive tooltips on mouseover showing exact percentages, and loads data from a CSV file.

Kkrishnavisheshkatta@my.unt.edu
89% match
Loading thumbnail…

Task 8 tutorial 2

This stacked bar chart displays the percentage of rating levels for different cosmetic brands, showing how ratings are distributed across categories like "below 5.0" and "above 8.5." The chart uses a horizontal layout where each brand has a single bar divided into colored segments representing rating proportions, with a tooltip revealing exact percentages on hover. Built with D3 v7, the visualization applies `d3.stack()` to process the CSV data, `d3.scaleLinear` and `d3.scaleBand` for axes, and `d3.scaleOrdinal` for color mapping. The SVG rendering includes interactive mouse events for tooltip display, and the code is sourced from a local CSV file.

Jjyothikaraj3@gmail.com
88% match
Loading thumbnail…

Activity6_2

This stacked horizontal bar chart displays customer satisfaction ratings for six product categories, with segments representing the percentage of ratings falling into five ranges from below 2.0 to above 4.5. The visualization uses D3 v7 to load CSV data and render SVG elements. Categories appear on the y-axis, while a linear x-axis shows the proportion for each rating band. An ordinal color scale distinguishes rating levels, and interactive tooltips display the exact percentage for each segment on hover. The chart includes axis labels, a title, and a legend.

DDee
85% match
Loading thumbnail…

activity6_question2

A stacked bar chart displays TV brand ratings across five percentage categories (below 2.0 to above 6.5), with each bar segmented by brand. The visualization loads data from a CSV file and renders SVG using D3 v7. It employs `d3.stack()`, `d3.scaleBand()`, `d3.scaleLinear()`, and `d3.scaleOrdinal()` to position and color segments, while mouseover events trigger a custom tooltip showing exact rating percentages.

1188r1a0559@gmail.com
85% match
Loading thumbnail…

activity6_task2

A stacked horizontal bar chart displays customer satisfaction ratings across five product categories, with segments representing the percentage of responses in each rating level from "Excellent" to "Very Poor." The visualization uses D3 v7 with SVG rendering, employing `d3.stack()` to compute stacked series, `d3.scaleLinear` for the x-axis, `d3.scaleBand` for product categories, and `d3.scaleOrdinal` for color mapping. Interactive tooltips appear on mouseover, showing the exact percentage for each rating segment. Data comes from a local CSV file loaded asynchronously.

TThai Ha Dang
85% 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
85% match