Skip to main content
SimilarExport ZIP
100%

Activity-6_Task2

✓ Published1🌍 Public
SSreeKohaliPatel@my.unt.edu
Last edited Apr 12, 2024
Created on Apr 12, 2024
Forked from Activity-6_Task2

A stacked bar chart shows the percentage distribution of five IMDb rating bands within six movie genres, making genre’s impact on ratings visible. Each genre’s bar totals 100%, with segments colored by rating level. Built with D3 v7, the SVG visualization uses d3.stack, d3.scaleBand, and d3.scaleLinear, and displays exact percentages on hover via tooltips. Data comes from the attached CSV file, rendered with axes and labels styled by external CSS.

AI-generated description

The impact of genre on movie ratings

This stacked bar chart gives the percentage of each rating level within different movie genres. The aim is to show the impact of genre on movie ratings. When the mouse hovers over each bar, you can see pop-ups of accurate percentage of each rating level within each genre. Total percentage is 1, representing 100%.

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Task2

This stacked bar chart shows the percentage distribution of IMDb ratings across six movie genres, with ratings grouped into five levels from below 5.0 to above 8.5. Each bar segment represents a genre's proportion of a rating category, and hovering over a segment displays the exact percentage via a tooltip. The code uses `d3.stack()` to create the stacked data structure from CSV input, `d3.scaleBand()` for the genre axis, and `d3.scaleLinear()` for the percentage scale. The visualization renders as SVG with five color-coded rating categories and includes axis labels and a title.

Rrakshithareddy217@gmail.com
97% match
Loading thumbnail…

Activity6_Task2

This stacked bar chart shows the percentage distribution of five IMDb rating levels across six movie genres, revealing how genre affects audience ratings. Each bar segment represents a rating category, with hover interactions displaying exact percentages via a custom tooltip. The visualization uses D3.js v7 with SVG rendering, employing `d3.stack()` for data stacking, `d3.scaleOrdinal` for color mapping, and `d3.scaleBand` for genre positioning. Data comes from an embedded CSV file, with axes labeled for percentage and genre.

Ssaibharath7thota@gmail.com
97% match
Loading thumbnail…

Activity6_Task2

A stacked bar chart displays the percentage distribution of five IMDb rating categories across six movie genres, showing how genre influences ratings. The chart uses SVG rendering with D3.js v7, employing `d3.scaleOrdinal` for colors, `d3.scaleLinear` for the x-axis percentage scale, and `d3.scaleBand` for the categorical y-axis. Hovering over bars triggers tooltips showing exact percentages, computed from the provided CSV data.

Vvidyagangasani@my.unt.edu
96% match
Loading thumbnail…

Activity6_Task2

This stacked bar chart shows the percentage distribution of five IMDb rating categories within six movie genres, revealing how genre influences ratings. The chart uses d3.stack() to create horizontal stacked bars, with colors from a d3.scaleOrdinal() scale distinguishing rating levels. Hovering over a bar segment triggers a tooltip displaying the precise percentage. Data comes from a CSV file, rendered as SVG, with axes and labels formatted using the d3.axisBottom and d3.axisLeft functions.

Llikhitha.sarahah01@gmail.com
96% match
Loading thumbnail…

Activity6_Task2

This stacked bar chart shows the percentage distribution of five IMDb rating categories across six movie genres, revealing how genre influences audience ratings. Each horizontal bar represents a genre, with colored segments corresponding to rating bands from below 5.0 to above 8.5. Hovering over a segment displays a tooltip with the exact percentage for that rating level within the genre. The visualization uses d3.stack() to compute the stacked layout, d3.scaleBand() for the genre axis, and d3.scaleLinear() for percentages, rendering as SVG with interactive mouse events. Data comes from a CSV file with pre-aggregated proportions.

Aayeshamanzoor111798@gmail.com
96% match
Loading thumbnail…

Activity6_Task2

A stacked bar chart shows the percentage distribution of IMDb ratings across six movie genres, with each bar divided into five rating intervals from "below 5.0" to "above 8.5." The visualization uses d3.stack() to aggregate the data, d3.scaleBand() for the categorical genre axis, and d3.scaleLinear() for the percentage axis. Hovering over a segment displays a tooltip with the exact percentage via d3.select and mouse events. The SVG rendering applies a color scale with five distinct hues and reads data from a CSV file.

Nnsairitwikreddy@gmail.com
96% match
Loading thumbnail…

Activity6 task 2

A stacked horizontal bar chart displays the percentage distribution of IMDb ratings across six movie genres, using five rating categories from "below 5.0" to "above 8.5." The chart shows proportions per genre via color-coded segments, with a tooltip revealing exact percentages on hover. Built with D3 v7, it uses `d3.stack()` to compute stacked series, `d3.scaleBand()` for genre positioning, and `d3.scaleLinear()` for the percentage axis. Data comes from an external CSV file, rendered as SVG within an HTML page, with axis labels and a title included.

Vvishnutejareddyambati@my.unt.edu
96% match
Loading thumbnail…

Activity_6 Task2

This stacked bar chart displays the percentage distribution of IMDb rating levels across six movie genres, with each bar segmented to show the proportion of ratings below 5.0 through above 8.5. Hovering over a bar segment reveals a tooltip with the exact percentage for that genre and rating category. Built with D3 v7 using SVG rendering, the visualization employs the `d3.stack()` function to generate stacked data, `d3.scaleBand()` for the categorical y-axis, and `d3.scaleLinear()` for the percentage x-axis. Data comes from a local CSV file with pre-aggregated percentages per genre.

Bbhavanadupati3@gmail.com
96% match