Task 2 Question 2

Question-2_Task-2

This stacked bar chart shows the distribution of movie ratings across six genres, with each bar segment representing the percentage of films falling into one of five rating categories. The visualization uses a horizontal stacked bar layout, where hovering over a segment displays the exact percentage via a tooltip. The chart is built with D3 v7, using `d3.stack()` to create the stacked data structure and `d3.scaleOrdinal()` for color encoding. SVG rectangles are rendered for each segment, with `d3.axisBottom()` and `d3.axisLeft()` providing the axes. The dataset is loaded from a CSV file containing genre and rating percentage columns.

Rrahul.bonu524@gmail.com

SSreeKohaliPatel@my.unt.edu

Task 9 question 2

This stacked bar chart shows the distribution of IMDb rating levels across six movie genres, where each bar represents the percentage of films within a genre falling into one of five rating brackets. The chart reveals that genres like Action and Comedy have higher proportions of lower ratings, while Documentary and Animation show more balanced distributions. Hovering over any bar segment displays an exact percentage tooltip. The visualization uses D3.js v7 with a stacked bar layout, employing `d3.stack()` for data transformation and `d3.scaleOrdinal` for coloring. Data is loaded from a local CSV file containing genre-specific rating percentages, and the chart is rendered as SVG.

Task8_Question2

This stacked bar chart shows the percentage distribution of IMDb movie ratings across six genres, with each bar segmented into five rating categories from below 5.0 to above 8.5. Interactive hover tooltips reveal the exact percentage for each segment, and a legend distinguishes the rating categories by color. The visualization uses D3.js v7 with a linear x-scale for percentages and a band scale for genres, processing CSV data through d3.stack() to create the stacked bars rendered as SVG rectangles.

KKeerthi

Vvishu.valandas@gmail.com

Task2

This stacked bar chart visualizes movie ratings across different genres, breaking down each genre's proportion into five rating categories from below 5.0 to above 8.5. The chart uses horizontal bars with color-coded segments representing each rating range, allowing viewers to compare rating distributions across genres like Documentary, Comedy, and Drama. The visualization loads data from a local CSV file and renders the stacked bars using D3.js v7, employing d3.stack(), d3.scaleBand(), and d3.scaleLinear() to construct the chart. Hover interactions dim individual segments to highlight specific rating ranges.

Ttarunskuruvadi@gmail.com

Task8_Q2_3

This stacked bar chart, built with D3 v7 and rendered as SVG, visualizes the impact of genre on movie ratings by displaying the percentage of each rating level within different genres. The chart uses D3's stack and scaleOrdinal functions to create the horizontal bars, with a hover tooltip showing precise percentages. The data is sourced from IMDb movie ratings, and the visualization employs tooltip elements and mouse events to provide interactive feedback, with a color scale distinguishing between rating categories.

Sshraehithareddy@gmail.com

Task8_Q2

This stacked bar chart shows the percentage distribution of movie ratings across six genre categories, with each genre’s bar divided into five rating-level segments from “Below 5.0” to “Above 8.5”. The visualization uses d3.stack, d3.scaleLinear, and d3.scaleBand to aggregate and position the segments, and d3.schemeCategory10 for color encoding. Hovering over a segment reveals a tooltip with the exact percentage for that genre and rating level. The data is loaded from a movie.csv file and rendered as SVG.

Task8_Question2

This stacked bar chart shows the distribution of movie ratings across genres, with each bar representing a genre and segments showing the percentage of ratings in different categories. It uses D3.js v7 with an SVG rendering approach, where the data is processed through `d3.stack()` and mapped to horizontal bars. The chart employs `d3.scaleOrdinal()` for color coding and `d3.scaleBand()` for the y-axis layout. Interactive tooltips display exact percentages using `d3.select()` and event handlers, with the data loaded from a CSV file containing cereal information.

KKeerthi

Vvishu.valandas@gmail.com

Activity 6 Task2

This stacked bar chart shows the percentage distribution of rating levels within different movie genres, with each genre represented as a horizontal bar divided into colored segments. The visualization uses D3.js (v7) with an SVG rendering, applying `d3.scaleLinear`, `d3.scaleBand`, and `d3.stack` to process the data, while a custom tooltip displays exact percentages on hover. The color scale maps five distinct rating categories, and the chart includes axis labels and a legend to clarify the genre-to-rating relationship.