Skip to main content
SimilarExport ZIP
100%

Untitled

✓ Published2🌍 Public
Yyuqing35
Last edited Dec 16, 2022
Created on Dec 14, 2022
Forked from HTML Starter

This visualization shows the percentage distribution of movie ratings across six genres, from below 5 to 8.5 and above, revealing how genre impacts audience scores. It uses d3.csv to load the data and d3.scaleBand for the categorical x-axis, with d3.scaleLinear mapping the y-axis to the cumulative proportions. Each genre’s total is represented as a single steelblue bar, while hovering turns the bar brown. The chart is rendered as an SVG with d3.axisBottom and d3.axisLeft for the axes, and styled via external CSS.

AI-generated description

The impact of genre on movie ratings.

This bar chart gives the percentage of each rating level within difference genres, to show the impact of genre on movie ratings.

MIT Licensed

Similar vizzes

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
90% match
Loading thumbnail…

Movie ratings_latest

This stacked bar chart shows the percentage distribution of movie ratings across six genres, revealing how genres like Documentary skew toward higher ratings while Action films cluster below 5.0. Each bar is segmented by five rating brackets, with tooltips displaying exact percentages on hover. The visualization uses D3 v7’s `d3.stack()` and `d3.scaleOrdinal()` for color encoding, with `d3.axisBottom` and `d3.scaleBand` for layout. Data comes from a CSV file containing genre-level rating proportions.

Yyuqing35
90% match
Loading thumbnail…

Fork of Movie ratings

This stacked bar chart shows the percentage distribution of five rating categories across six movie genres, highlighting how genre influences audience scores. Each bar segment represents a rating range from below 5.0 to above 8.5, with genre names listed on the y-axis and percentage values on the x-axis. The visualization uses d3.stack() to compute the stacked data, d3.scaleOrdinal for color encoding, and d3.scaleBand for the categorical axis. Interactive tooltips display the exact percentage and rating category when hovering over any segment.

SSiyu Shen
88% match
Loading thumbnail…

Activity 7.3

This stacked horizontal bar chart visualizes the distribution of movie ratings across six genres, using percentage categories from below 5.0 to above 8.5. Each genre is represented as a single bar with colored segments, and hovering over a segment reveals the exact percentage via a custom tooltip. The visualization uses D3 v7’s `d3.stack` to compute the stacked series, `d3.scaleOrdinal` for categorical coloring, and `d3.scaleBand` for the horizontal layout. Data is loaded from a CSV file and rendered as SVG elements within a 960×500 viewport.

Ppjdhungana@gmail.com
88% 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
88% match
Loading thumbnail…

IMDb Movie ratings

The visualization shows the percentage of IMDb ratings across six genres, with each horizontal bar segmented to represent five rating brackets from below 5.0 to above 8.5. Using d3.csv to load genre data, the chart employs d3.stack for stacked bars, d3.scaleBand for the genre axis, and d3.scaleOrdinal for color encoding. Hovering a segment reveals its exact percentage via a tooltip. The SVG canvas renders the chart with a legend and axis labels.

Vvineelaramulapalli32
87% match
Loading thumbnail…

IMDb Movie ratings

This visualization displays the distribution of IMDb movie ratings across six genres, using stacked horizontal bars that segment percentages into five rating categories from "below 5.0" to "above 8.5." The chart reads from a local CSV file and renders with SVG. It employs d3.stack, d3.scaleOrdinal, and d3.scaleBand to construct the layout. Interactive tooltips reveal exact percentages per genre and rating category during mouseover, and a legend color-codes each rating band.

NNagateja99
87% match
Loading thumbnail…

Fork of IMDb Movie ratings

This visualization uses a stacked bar chart to show the percentage of movies within six genres across five rating bands, from below 5.0 to above 8.5 on IMDb. Each bar is segmented into colored strips representing a rating category, with the full bar totaling 100% for the genre. The chart is built with D3 v7, using `d3.stack()` on the CSV data to compute the stacked segments, `d3.scaleBand` for the y-axis categories, and `d3.scaleLinear` for the percentage x-axis. Hovering over any rectangle triggers a tooltip that displays the exact percentage for that genre-rating combination via `d3.select` and event handlers. Text labels are rendered as SVG elements, and the chart is styled with custom CSS importing the Yanone Kaffeesatz font.

Jjingwg3@163.com
87% match