Skip to main content
SimilarExport ZIP
100%

Fork of Activity6_Task4

✓ Published1🌍 Public
LLakshmiPrasannaValdas@my.unt.edu
Last edited Apr 15, 2024
Created on Apr 15, 2024
Forked from 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.

AI-generated description

Airlines customer satisfaction ratings stacked bar

MIT Licensed

Similar vizzes

Loading thumbnail…

task-8-Q3

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.

LLakshmiPrasannaValdas@my.unt.edu
92% match
Loading thumbnail…

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.

LLakshmiPrasannaValdas@my.unt.edu
90% match
Loading thumbnail…

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.

LLakshmiPrasannaValdas@my.unt.edu
87% 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
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
84% 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
83% 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
83% 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
83% match