task-8-Q3

Last edited Apr 15, 2024

Created on Apr 15, 2024

This stacked bar chart displays customer satisfaction ratings for six airlines, broken into five score ranges from “Below 5” to “Above 8.5.” Each horizontal bar shows the proportional share of ratings in each category, with the x-axis labeled as a percentage. The visualization uses d3.csv to load the data and d3.stack with d3.scaleBand and d3.scaleLinear to compute and position the stacked rectangles, while d3.axisBottom and d3.axisLeft render the axes. A color legend below the chart maps each rating range to its corresponding fill color.

AI-generated description

Airlines customer satisfaction ratings stacked bar

MIT Licensed

Similar vizzes

Fork of Activity6_Task4

This stacked bar chart displays customer satisfaction ratings for six airlines, broken into five rating categories from "Below 5" to "Above 8.5" across a horizontal percentage scale. D3.js (v7) fetches the CSV data via `d3.csv()`, then uses `d3.stack()` with `d3.scaleOrdinal` for color coding, `d3.scaleLinear` for the x-axis, and `d3.scaleBand` for the y-axis to render the SVG bars. Each airline’s proportional distribution of ratings is shown as stacked segments, with a legend below clarifying the color-to-rating mapping.

92% match

task 8_Q3

This stacked bar chart shows the distribution of passenger ratings across different categories (such as seat comfort, cabin staff service, and food) for various airlines. Each horizontal bar represents an airline, with colored segments showing the percentage of reviews for each rating level. The visualization uses d3.stack and d3.scaleOrdinal to create the stacked segments, with d3.axisBottom and d3.axisLeft for the axes. Hovering over a segment triggers a tooltip displaying the exact percentage for that rating category, implemented via mouseover/mousemove events. The data comes from a CSV of airline reviews, and the SVG rendering uses custom fonts from Yanone Kaffeesatz and Sofia.

91% match

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

83% match

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

Fork of Activity6_Task2

This stacked bar chart visualizes the percentage distribution of airline ratings across different genres. Each bar represents a genre, with colored segments showing the proportion of each rating level, summing to 100%. Hovering over a segment displays a tooltip with the exact percentage. The visualization uses d3.v7 with SVG rendering, employing `d3.stack()` for data stacking, `d3.scaleOrdinal()` for colors, and `d3.axisBottom()` for the percentage axis.

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

Mmaheshsachin1234@gmail.com

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.