Sports Ratings

100%

Sports Ratings

✓ Published0🌍 Public

Last edited Jul 11, 2023

Created on Jul 11, 2023

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.

AI-generated description

An example showing the capabilities of VizHub:

Loads D3 via UNPKG.
Demonstrates use of import from "d3".
Demonstrates use of import from local ES6 modules.

MIT Licensed

Similar vizzes

Loading thumbnail…

activity 7.2

This stacked bar chart visualizes how movie ratings are distributed across genres, with each bar segment representing the proportion of films falling into rating brackets from below 5.0 to above 8.5. Hovering over a segment reveals its exact percentage via a tooltip. The visualization uses d3.stack to generate the stacked data, d3.scaleOrdinal for color encoding, and d3.scaleBand with d3.scaleLinear for positioning. Data comes from a CSV file, and the SVG rendering includes a custom legend and axis labels.

Rrushithareddyy

82% match

Loading thumbnail…

Book ratings

This visualization displays the distribution of book ratings across various genres, with each horizontal bar representing a genre and stacked segments showing the proportion of ratings in different ranges (below 1.0, 1.0-1.5, 1.5-2.5, 2.5-3.5, above 3.5). The chart uses D3 v7 loaded via UNPKG, with d3.scaleOrdinal for color mapping, d3.scaleLinear for the x-axis, d3.scaleBand for the y-axis, and d3.stack for creating the stacked bar data from a CSV file. Interactive tooltips display exact percentages on hover, and a legend indicates the rating categories. The SVG rendering includes shared axes and a title, with data processed through d3.csv.

HHarshithaAmbilpur

80% match

Loading thumbnail…

Fork of Fork of Movie ratings

This stacked bar chart shows the distribution of movie ratings across six genres, with each bar divided into five rating categories from “below 5.0” to “above 8.5.” The chart reveals that documentaries and dramas have higher proportions of strong ratings, while action films skew toward lower scores. Using D3 v7, the visualization applies `d3.stack()` to compute stacked segments, `d3.scaleOrdinal` to map rating categories to colors, and `d3.scaleBand` for the genre axis. Interactive tooltips appear on mouseover, displaying the exact percentage for each rating segment. The data is loaded from a CSV file and rendered as SVG.

SSiyu Shen

80% match

Loading thumbnail…

Stacked Movie ratings

This stacked bar chart shows the distribution of movie ratings across six genres, with each bar divided into five rating categories from “below 5.0” to “above 8.5.” Hovering over a segment reveals the exact percentage of that rating level within the genre. The visualization uses d3.stack() to compute the stacked segments and d3.scaleBand for the categorical y-axis, rendering the result as SVG rectangles. Data is loaded from a CSV file, and tooltips provide precise values formatted with d3.format.

SSharankumar02

80% match

Loading thumbnail…

Movie ratings_test

This stacked bar chart displays the distribution of five rating categories across six movie genres, showing how rating percentages vary by genre. Each horizontal bar represents a genre, segmented into colored bands for ratings below 5.0 through above 8.5, with a legend on the right. The visualization uses d3.csv to load data and d3.stack to compute the stacked segments, with d3.scaleBand for the y-axis and d3.scaleLinear for percentages. Interactive tooltips appear on hover via mouseover events, highlighting specific rating proportions.

Yyuqing35

79% match

Loading thumbnail…

IMDb Movie ratings

This example presents a stacked bar chart of IMDb movie ratings across six genres, with each bar showing the proportional distribution of ratings from below 5.0 to above 8.5. The visualization uses d3.stack() to compute the stacked segments and d3.scaleBand for the categorical genre axis, while d3.scaleOrdinal maps rating categories to a five-color palette. Interactive tooltips appear on mouseover via D3 event handlers. Data is loaded as CSV and rendered as SVG with axes generated by d3.axisLeft and d3.axisBottom.

BBhavyaMammai

79% match

Loading thumbnail…

Data Visualization Short Presentation Task5

This stacked bar chart displays the distribution of Netflix show ratings across six genres, with each bar segment representing the percentage of audience ratings falling into categories from "below 5.0" to "above 8.5". The visualization uses d3.csv to load the data, d3.stack() to compute the stacked segments, and d3.scaleOrdinal with a custom color array for encoding rating categories. Interactive tooltips, styled with hover effects that change rectangle opacity, display exact percentages on mouseover, while axes, labels, and a legend help contextualize the data.

Aanith462@gmail.com

79% match

Loading thumbnail…

Activity-7(2)

This visualization shows stacked horizontal bars comparing the distribution of six movie genres across five rating categories, from "below 5.0" to "above 8.5". The chart reads the CSV data using d3.csv and uses d3.stack to create stacked segments, with d3.scaleOrdinal for color mapping and d3.scaleBand for the vertical genre axis. Interactive tooltips appear on mouseover, displaying the exact percentage for each rating segment using d3.format. The SVG rendering includes custom axes and a legend built from HTML elements.

SSharankumar02

78% match