Task 6.2

100%

✓ Published1🌍 Public

Last edited Apr 2, 2025

Created on Mar 30, 2025

This example shows a stacked horizontal bar chart comparing five sports across five attributes—Popularity, Physical Intensity, Strategy, Teamwork, and Entertainment Value—using data from a CSV file. The visualization uses D3 v7 with SVG rendering, employing `d3.stack()` to create stacked segments, `d3.scaleOrdinal()` for color mapping, and `d3.scaleBand()` for the categorical y-axis. Hovering over any segment triggers a tooltip displaying the exact percentage for that attribute, while the chart includes a legend and axis labels for clarity.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

task2

This example presents a stacked horizontal bar chart titled "Most viewed sports," visualizing the percentage distribution of ratings across six sports (Football, Basketball, Cricket, Tennis, Golf, Athletics) using five rating categories from a CSV file. The chart uses `d3.scaleOrdinal` for color mapping and `d3.scaleBand` for the category axis, with `d3.stack` to aggregate the percentage data. Interactive tooltips display exact percentage values on mouseover, and the SVG rendering employs `d3.axisBottom` for the x-axis and custom styling from CSS.

Yyashwanthkirla95@gmail.com

88% match

Loading thumbnail…

activity 6_Task 2

This visualization shows the distribution of star ratings (1 to 5) for different sports, displayed as a stacked horizontal bar chart where each bar represents a sport and segments show the proportion of each rating. The data comes from a CSV file with ratings for six sports, and the chart uses D3 v7 with SVG rendering. The code builds the stacked layout using `d3.stack()`, scales data with `d3.scaleLinear` and `d3.scaleBand`, colors segments via `d3.scaleOrdinal`, and includes interactive tooltips on mouseover that display the exact percentage for each rating segment.

Jjakeh311@yahoo.com

87% match

Loading thumbnail…

Activity-6_Task-2_Ques2

This example shows a stacked horizontal bar chart of activity breakdowns by sport, displaying cardio, strength, and flexibility percentages for ten sports from a CSV file. It uses D3 v7 with SVG rendering, loading data via `d3.csv` and constructing the visualization with `d3.stack`, `d3.scaleLinear`, `d3.scaleBand`, and `d3.axisBottom`. The chart includes a legend, axis labels, and colored segments with numeric scaling from 0 to 100.

VVasanth Krishna

85% match

Loading thumbnail…

Task-8-Q2.3

This example shows the distribution of game ratings across six sports, with each sport’s ratings divided into five percentage categories. It uses a stacked horizontal bar chart, where each bar segment represents the proportion of ratings in a category, and the total bar length spans from zero to one hundred percent. The visualization is rendered as SVG using D3 v7, with data loaded from a CSV file. The code leverages D3’s `scaleBand`, `scaleLinear`, `stack`, and `scaleOrdinal` APIs to construct the chart, and tooltips display the precise percentage for each segment.

Mmdadeebfarhaan@gmail.com

85% match

Loading thumbnail…

Activity 6_Task-2_Question_2

This example visualizes the distribution of viewership ratings across five sports, using a horizontal stacked bar chart where each bar segment represents the proportion of viewers in a rating category (e.g., "Below 5.0", "5.0-6.5"). The chart, rendered with D3.js v7, employs a band scale for the y-axis and a linear scale for the x-axis. The code builds the stacked bars using `d3.stack` and `d3.scaleOrdinal` for color mapping, with interactive tooltips showing exact percentages on hover. Data is loaded from a static CSV file.

Rrajkodavati7@gmail.com

84% match

Loading thumbnail…

activity 6 task2

This stacked bar chart shows the distribution of ratings across six sports, with each bar segmented into five rating levels from “below 5.0” to “above 8.5.” The visualization uses D3.js v7 to create a horizontally stacked bar chart, where the x-axis represents the percentage (scaled from 0 to 1) and the y-axis lists the sports. Interactive tooltips display the exact percentage for each segment on mouseover, formatted to two decimal places. The chart uses `d3.scaleOrdinal` for color assignment, `d3.scaleLinear` for the x-axis, and `d3.scaleBand` for the y-axis, rendering with SVG and styled via CSS.

Iibrahimpatnamrohit1990@gmail.com

84% match

Loading thumbnail…

Sports Ratings

This stacked bar chart displays the distribution of fan ratings across six sports, with each bar segmented into five rating categories from "below 5.0" to "above 8.5." The visualization uses D3 v7's `d3.stack()` and `d3.scaleOrdinal` with a categorical color palette. Hovering over any segment triggers a tooltip showing the exact percentage for that rating category. The chart includes axes, a legend, and is rendered as SVG with data loaded from a CSV file.

Lleftymadi

83% match

Loading thumbnail…

ACTIVITY 6 _ TASK 2.1

This example shows a stacked horizontal bar chart of student performance levels across five subjects, with each bar divided into percentages of Excellent, Good, Average, Below Average, and Poor ratings. The visualization uses d3.stack to compute the stacked series, d3.scaleBand for the subject categories, and d3.scaleLinear with a custom color palette to encode the performance categories. Interactive tooltips appears on hover to display exact percentages, while a legend identifies each performance level. The data comes from a CSV file loaded locally, and the chart is rendered as an SVG with D3 v7.

RRevanth putta

83% match