Activity6_Q2

100%

✓ Published0🌍 Public

Last edited Oct 22, 2024

Created on Oct 21, 2024

This stacked bar chart shows customer satisfaction levels across ten car brands, with each bar segmented into five rating categories from “Very Dissatisfied” to “Very Satisfied.” Hovering over a segment displays its exact count via a tooltip. The visualization uses D3 v7’s `d3.stack()` to compute stacked layers, `d3.scaleOrdinal()` for color mapping, and `d3.axisLeft()` and `d3.axisBottom()` for axes. Data comes from the embedded `car_data.csv` file, and the SVG rendering includes a legend and axis labels.

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…

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

86% match

Loading thumbnail…

Activity-6_question-3

This stacked bar chart shows the percentage distribution of movie ratings across six car brands, with the total per brand equaling 100%. It uses d3.stack() to create the stacked segments, and d3.scaleOrdinal() to assign colors to five rating categories. Hovering over a bar segment triggers a tooltip displaying the exact percentage for that rating level. The visualization is rendered as an SVG using d3.axisBottom and d3.axisLeft for the axes, with data loaded from a CSV file.

Ssiddhartha gurram

86% match

Loading thumbnail…

Activity6_Task2_Question2

An interactive stacked horizontal bar chart displays customer satisfaction ratings across five smartphone brands, segmented into Satisfied, Neutral, and Dissatisfied percentages that sum to 100%. Built with D3 v7, the visualization uses `d3.stack()` for data transformation, `d3.scaleBand` for brand categories, `d3.scaleLinear` for percentages, and SVG rectangles with click handlers that alert the rating type and exact percentage. The chart includes axes, a title, and a legend, derived from a CSV file containing three numeric columns per brand.

Mmaheshsachin1234@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…

Activity_Task2

A stacked horizontal bar chart displays customer satisfaction ratings across six product categories, showing the proportional distribution of responses from "Very Unsatisfied" to "Very Satisfied" for each product. The visualization uses D3 v7 with SVG rendering, employing d3.stack() to compose the categorical segments and d3.scaleOrdinal with a custom color palette for the five rating levels. Bars are positioned along a d3.scaleBand y-axis, while percentages are mapped through a d3.scaleLinear x-axis. Interactive tooltips appear on mouseover, revealing the exact percentage for each rating category using d3.format().

Mmanishmanda@my.unt.edu

84% match

Loading thumbnail…

Activity 6

This visualization presents a stacked horizontal bar chart that compares the distribution of user satisfaction ratings across six mobile phone brands. Each bar represents a brand, and its segments show the percentage of responses within rating buckets, from below 4.0 to above 8.0. The chart allows viewers to see how each brand’s ratings are distributed, with many brands showing a peak in the higher rating ranges. The chart is rendered using the d3.js library, specifically leveraging `d3.stack` to create the stacked segments and `d3.scaleOrdinal` for color encoding. The SVG output includes custom axis labels, a title, and tooltips for interactive exploration. Data is loaded from a hardcoded array in the script, which mirrors the structure of the provided CSV, showing the same buckets and percentages.

Bbhargavipagolu2025@gmail.com

83% match

Loading thumbnail…

Activity-6 Q2

This stacked bar chart visualizes car sales distribution across five manufacturers, showing the percentage of cars sold in each price range (below 100, 100-200, 200-300, 300-400, above 400). Each horizontal bar represents a manufacturer, segmented into colored sections for each price bracket. Hovering over any segment displays a tooltip with the precise sales percentage. The visualization uses D3.js v7 with `d3.stack()`, `d3.scaleLinear()`, `d3.scaleBand()`, and `d3.scaleOrdinal()` to create the chart, which is rendered as SVG.

Hharshaps15@gmail.com

83% match

Loading thumbnail…

Activity6_Q2

A stacked bar chart compares car makes by three metrics: horsepower, torque, and highway MPG. Each horizontal bar is segmented by metric, with a color scale distinguishing them and a legend implied by the colors. The visualization loads CSV data via `d3.csv` and uses `d3.stack`, `d3.scaleOrdinal`, `d3.scaleLinear`, and `d3.scaleBand` to construct the SVG rendering. Interactive tooltips display the metric value on hover, using mouse events and a styled div.

Ssaiteja.cse.rymec@gmail.com

83% match