Skip to main content
SimilarExport ZIP
100%

Activity 6 Task 2

✓ Published0🌍 Public
Jjaswanthreddy2000@gmail.com
Last edited Apr 6, 2024
Created on Apr 6, 2024
Forked from IMDb Movie ratings

This stacked bar chart shows the distribution of IMDb ratings across six movie genres, with each bar segmented into five rating-level percentages that sum to 100%. Hovering a segment reveals an exact percentage tooltip. The visualization uses d3.v7's `d3.stack()`, `d3.scaleOrdinal()`, and `d3.scaleBand()` to render SVG rectangles, reading data from a local CSV file. Genre labels appear on the y-axis, and a color-coded legend identifies each rating band.

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…

Activity 6 - Task2

This stacked bar chart displays the percentage distribution of IMDb ratings across six movie genres, with each bar segment representing a rating band from below 5.0 to above 8.5. The visualization uses d3.stack() to compute stacked segments, d3.scaleBand for genre positioning, and d3.scaleOrdinal with a categorical color palette. Hovering over a segment triggers a tooltip showing the precise percentage via d3.format. The chart renders as SVG with axes generated by d3.axisBottom and d3.axisLeft, and reads data from a CSV file containing genre and rating proportions.

Mmalampatiramya03@gmail.com
96% match
Loading thumbnail…

Activity 6_Task 2

This stacked bar chart shows the distribution of IMDb movie ratings across six genres, with each bar divided into five rating categories from "below 5.0" to "above 8.5" on a percentage scale. The visualization uses d3.stack() to compute the stacked segments, d3.scaleBand() for the genre categories, and d3.scaleLinear() for the percentage axis. Hovering over a segment reveals the exact percentage for that rating category via a tooltip. Data comes from a CSV file containing genre-by-rating percentage values.

SSrihith Reddy Gaddam
96% match
Loading thumbnail…

Activity 6 _Task2

This stacked bar chart shows the distribution of IMDb ratings across six movie genres, with each bar divided into five rating categories from "below 5.0" to "above 8.5" using percentage values loaded from a CSV file. The visualization uses d3.stack() to compute the stacked segments, d3.scaleOrdinal() for color mapping, and d3.scaleBand() and d3.scaleLinear() for the axes. Interactive tooltips appear on mouseover, displaying the percentage for each specific rating category within a genre, while semi-transparent highlighting emphasizes the hovered segment. The SVG rendering employs D3 v7 with custom styles for typography and tooltip formatting.

Ssiddhubhupathi@gmail.com
96% match
Loading thumbnail…

Activity 6_task 2

A stacked bar chart displays the distribution of IMDb ratings across six movie genres, with proportions segmented into five rating bands from below 5.0 to above 8.5. The visualization uses d3.stack and d3.scaleOrdinal to aggregate the CSV data, rendering horizontal bars with an SVG. Interactive tooltips, implemented via mouse events and appended HTML divs, show exact percentages for each genre-rating combination on hover. d3.axisBottom and d3.axisLeft structure the percentage and genre axes.

Jjampani921@gmail.com
96% match
Loading thumbnail…

Activity6_Task2

This stacked bar chart shows the distribution of IMDb ratings across six movie genres, where each bar's segments represent the percentage of ratings falling into five discrete levels from "below 5.0" to "above 8.5." Hovering over a segment reveals a tooltip with the exact percentage for that genre and rating level. Built with D3 v7, the visualization uses `d3.stack()` to compute the stacked segments, `d3.scaleBand()` for the categorical y-axis, and `d3.scaleLinear()` for the percentage x-axis. The chart is rendered as SVG, with data loaded from a CSV file containing computed rating proportions per genre.

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

Activity 6_Task 2

This stacked bar chart shows the distribution of IMDb movie ratings across six genres, with each bar divided into five rating categories from “below 5.0” to “above 8.5.” The chart reads the proportions of each rating bracket per genre from a CSV file using d3.csv, then applies d3.stack to create the layered segments and d3.scaleOrdinal for color encoding. Each segment is rendered as an SVG rect with d3.axisBottom and d3.scaleBand for the genre categories, and hovering over a segment reveals its exact percentage via a tooltip.

Aanusha.chilkamarri26@gmail.com
96% match
Loading thumbnail…

Activity6_task2

This stacked bar chart visualizes the distribution of IMDb ratings across six movie genres, showing the percentage share within five rating bands from below 5.0 to above 8.5. Using D3 v7 with SVG rendering, the visualization loads data from a local CSV file and applies d3.stack() with a d3.scaleBand for genres and d3.scaleLinear for percentages. Each bar segment displays a distinct color from a custom ordinal scale, and interactive mouseover events trigger a tooltip revealing the exact percentage for each genre-rating pair.

Aazeemrm630@gmail.com
96% match