Skip to main content
SimilarExport ZIP
100%

Fork of Activity-6 Task2

✓ Published0🌍 Public
Hharshaps15@gmail.com
Last edited Apr 10, 2024
Created on Apr 10, 2024
Forked from Activity-6 Task2

This stacked bar chart illustrates the distribution of movie ratings across genres, revealing how genre impacts rating percentages. Hovering over a segment displays the exact percentage via a tooltip. Built with D3.js v7, the visualization computes stacked proportions from CSV data and renders the chart as SVG, using `d3.stack`, `d3.scaleBand`, and `d3.scaleOrdinal` for the color scale. The tooltip is a positioned HTML div.

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…

Fork of Activity 6_Task 2

This stacked bar chart displays the percentage distribution of IMDb rating categories across five movie genres, showing how genre influences audience ratings. The visualization uses color-coded segments for each rating bracket, with tooltips revealing precise percentages on hover. Built with D3.js v7, the chart employs d3.stack to generate stacked data, d3.scaleLinear and d3.scaleBand for axes, and d3.scaleOrdinal for color mapping. SVG rendering handles the interactive elements, with data sourced from a local CSV file.

Ttallavijayalakshmi0710@gmail.com
94% match
Loading thumbnail…

Fork of Activity6_Task2

A stacked horizontal bar chart shows the percentage distribution of IMDb ratings across six movie genres, with each bar divided into five rating categories from "below 5.0" to "above 8.5". The visualization reads data from a CSV file and renders it using D3 v7's `d3.stack`, `d3.scaleLinear`, `d3.scaleBand`, and `d3.scaleOrdinal` APIs. Interactive tooltips appear on mouseover, displaying the exact percentage for each genre-rating segment using `d3.format`. SVG is the rendering approach, with axes and labels styled through external CSS.

Hharshabandi3060@gmail.com
94% match
Loading thumbnail…

Fork of Activity-6 Question2

This stacked bar chart shows how movie ratings vary across genres, with each bar divided into rating categories and the total always equaling 100%. Hovering over a bar segment reveals a tooltip with the exact percentage for that rating within the selected genre. The visualization uses D3 v7’s `d3.stack`, `d3.scaleOrdinal`, `d3.scaleLinear`, and `d3.scaleBand` to generate SVG rects, with `d3.axisBottom` and `d3.axisLeft` for axes. A custom tooltip displays precise values, while the color palette distinguishes rating levels.

Ssaimanvith22@gmail.com
93% match
Loading thumbnail…

Fork of Activity6-Task2

This stacked bar chart shows the percentage distribution of IMDb ratings across six movie genres, breaking each genre into five rating bins from below 5.0 to above 8.5. Each bar represents 100% of a genre, with colored segments showing the proportion of movies in each rating category. Hovering over a segment reveals the exact percentage for that rating level within that genre. The visualization uses d3.stack and d3.scaleOrdinal to build the stacked layout, d3.axisBottom for the percentage axis, and a custom tooltip with mouseover events to display the precise values. Data comes from a CSV file with pre-aggregated genre-rating proportions.

Ssusarlasruthi2000@gmail.com
93% match
Loading thumbnail…

Fork of Activity6_Task2

This stacked bar chart shows the percentage of IMDb movie ratings across five genres, revealing how rating distributions vary by genre. Each bar is divided into five rating categories, from “below 5.0” to “above 8.5,” with hover tooltips displaying exact percentages. Built with D3 v7, it uses `d3.stack()` to compute the stacked layout, `d3.scaleBand` and `d3.scaleLinear` for positioning, and an ordinal color scale. Data comes from a CSV file with genre and rating percentages, rendered as SVG rectangles within a single chart.

LLakshmiPrasannaValdas@my.unt.edu
93% match
Loading thumbnail…

Fork of Activity6_Task2

This visualization shows the distribution of movie ratings across six genres as a stacked bar chart, with each bar representing a genre and segments showing the percentage of films in five rating categories from “below 5.0” to “above 8.5.” The chart highlights how genres like Documentary tend toward higher ratings while Action skews lower. Built with D3.js v7, the SVG uses `d3.stack()` for stacked segments, `d3.scaleOrdinal` for colors, and `d3.axisBottom` for the percentage axis. Hovering over a segment triggers a tooltip that displays the precise rating percentage using `d3.select` and the `d3.format` function. Data comes from the embedded CSV file.

Hharsha13638@gmail.com
93% match
Loading thumbnail…

Fork of Activity6_Question2

This stacked bar chart shows how movie ratings are distributed across six genres, with each bar representing the percentage of ratings in five categories from "below 5.0" to "above 8.5". The visualization uses d3.stack() to create stacked segments, d3.scaleBand for the genre categories, and d3.scaleOrdinal with a custom color palette. Hovering over any segment reveals a tooltip displaying the exact percentage for that genre and rating level. The data comes from a CSV file loaded and processed with D3 v7, rendered as SVG elements.

SSatish Nallamadugu
93% match
Loading thumbnail…

Fork of Activity6_Task2

This stacked bar chart visualizes the distribution of IMDb ratings across six movie genres, showing the percentage of titles falling into five rating brackets from “below 5.0” to “above 8.5.” The data is loaded from a CSV file and rendered as horizontal bars using D3.js v7’s `d3.stack`, `d3.scaleBand`, and `d3.scaleOrdinal` APIs. Each genre row is segmented by rating category, with interactive tooltips displaying exact percentages on mouseover. The SVG output includes labeled axes and a color legend, processed entirely through D3’s data-join pattern.

Kkowshiksamudrala08@gmail.com
93% match