Skip to main content
SimilarExport ZIP
100%

Fork of Fork of Task 9 question2

✓ Published0🌍 Public
Nnishwitha.1032@gmail.com
Last edited Nov 5, 2024
Created on Nov 5, 2024

This stacked bar chart displays the percentage distribution of IMDb movie ratings across six genres, revealing that documentaries have the highest share of high ratings (above 8.5), while action films concentrate in the lowest rating band. Each bar segment represents a rating category, with the full bar summing to 100%. The visualization uses D3 v7 APIs including `d3.stack`, `d3.scaleBand`, `d3.scaleLinear`, and `d3.axisBottom` to render the SVG plot, with a legend and axis labels. Data comes from a local CSV file containing genre and rating proportions.

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 Activity6_task2

This stacked bar chart shows the percentage distribution of IMDb ratings across movie genres, with each bar divided into five rating levels from below 5.0 to above 8.5. The visualization demonstrates how genre influences audience ratings, such as Documentaries having higher proportions of high ratings compared to Action films. Built with D3 v7, the chart uses `d3.scaleLinear` for the x-axis percentages, `d3.scaleBand` for categorical genres, and `d3.stack` to create stacked segments. Hovering over any segment displays a tooltip showing the exact percentage for that rating level within the genre, calculated from the CSV data.

KKritin Kesav
93% match
Loading thumbnail…

Fork of Activity6_Task2_Question 2-3

This stacked bar chart visualizes IMDb movie ratings across six genres, showing the percentage distribution of ratings within five score ranges (below 5.0 to above 8.5). The chart uses a horizontal layout with genres on the y-axis and percentage on the x-axis, employing d3.stack() to create stacked segments and d3.scaleOrdinal() for color encoding. Interactive tooltips display exact percentages on mouse hover, implemented through D3 event handlers. Data comes from a CSV file with pre-calculated proportions per genre. The visualization is rendered as SVG using D3 v7.

Kkondaveeti.bhargavi7780@gmail.com
92% match
Loading thumbnail…

Fork of Activity6_Task2

This stacked bar chart displays the distribution of IMDb movie ratings across six genres, showing the proportion of films within five rating brackets from “below 5.0” to “above 8.5”. Each genre’s bar segments sum to 100%, and hovering over a segment reveals its exact percentage. The visualization uses D3 v7’s `d3.stack()` for data stacking, `d3.scaleOrdinal` for color encoding, and `d3.scaleLinear` and `d3.scaleBand` for positioning. Data comes from a CSV file with pre-aggregated percentages, rendered as SVG with a custom tooltip for interaction.

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

Fork of act_6_task_2

This stacked bar chart shows the percentage distribution of IMDb rating levels across six movie genres, highlighting how genre influences audience ratings. The horizontal bars use a diverging color scale for the five rating categories, with tooltips on hover revealing exact percentages, where each bar sums to 100%. The visualization is rendered as an SVG using D3 v7, employing `d3.stack` for data transformation and `d3.scaleOrdinal` for color assignment. The axes, ticks, and labels are generated with `d3.axisBottom` and `d3.axisLeft`, and the interaction relies on D3’s `.on('mouseover')` event handlers.

Hhlmn4936@gmail.com
91% match
Loading thumbnail…

Fork of Task 9 question2

This stacked area chart compares the distribution of IMDb ratings across six movie genres, showing the proportion of films in each rating band (from "below 5.0" to "above 8.5") for each genre. The chart uses a color-coded legend and an area chart with a basis curve interpolation to represent the stacked percentages, which sum to 1. The visualization is built with the D3.js library, version 7, using its `scaleBand` for the genre axis, `scaleLinear` for the percentage axis, and the `axisBottom` helper for the x-axis. Data is loaded from a CSV file via `d3.csv`.

SSreeKohaliPatel@my.unt.edu
91% match