Skip to main content
SimilarExport ZIP
100%

activity 6_Q2

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

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.

AI-generated description
MIT Licensed

Similar vizzes

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
95% 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
91% match
Loading thumbnail…

try

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.

Sshivasaiamaravadi@gmail.com
90% 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
89% 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
88% 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…

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
87% 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
87% match