activity6question2

activity 6question 2

This stacked bar chart displays the distribution of movie ratings across five genres, segmenting each genre's total percentages into five rating ranges from "Below 5.0" to "Above 8.5". The visualization uses `d3.stack()` to aggregate the data, with `d3.scaleOrdinal` assigning distinct colors to each rating category. Horizontal bars are rendered using `d3.scaleBand` for genres and `d3.scaleLinear` for the percentage axis. Interactive tooltips, implemented with mouseover events, display the exact percentage for each rating segment when hovering, enhancing the data's readability. The chart is built with D3 v7 and rendered as SVG, using data from a CSV file.

Ttsumanth619@gmail.com

Nneerajreddyaluka@gmail.com

Activity6_question2

This stacked bar chart displays the percentage distribution of movie ratings across five genres, with each bar segmented into five rating categories from below 5.0 to above 8.5. The chart reveals how genre influences rating patterns, such as Documentaries having the highest proportion of high ratings, while Action films show the largest share of low ratings. Hovering over a segment displays the exact percentage via a tooltip. The visualization uses d3.v7 with SVG rendering, employing `d3.stack`, `d3.scaleOrdinal`, and `d3.scaleLinear` to construct the stacked bars from the CSV data.

Sshreshikaveerannagari@gmail.com

activity6_question2

A stacked horizontal bar chart shows the distribution of IMDb ratings across six movie genres, with each bar divided into five rating brackets from “below 5.0” to “above 8.5.” The visualization uses d3.stack() to compute stacked segments, d3.scaleBand() for genre positioning, and d3.scaleLinear() for percentage widths. Color-coded rectangles represent each rating category, and mouseover events trigger a tooltip displaying the exact percentage. Data comes from a CSV file, rendered as SVG with axes and labels styled via CSS.

question 2

This stacked bar chart shows how movie ratings are distributed across six genres, with each bar segmented into five rating categories from “Below 5.0” to “Above 8.5.” The visualization uses d3.stack to compute the stacked segments and d3.scaleOrdinal for color encoding. Hovering over a segment reveals the exact percentage of that rating level within the genre. The chart is rendered as SVG with axes for genre and percentage, and it includes a legend for the rating categories.

Aamshureddy13@gmail.com

Activity6_Question2

This stacked bar chart shows the percentage distribution of IMDb movie ratings across six genres, with each bar segmented into five rating intervals from below 5.0 to above 8.5. The visualization uses d3.stack() to compose the stacked segments, d3.scaleBand() for the categorical genre axis, and d3.scaleLinear() for the percentage scale. Hovering over a segment triggers a tooltip displaying the exact percentage for that rating level within the genre. The chart renders as SVG with ordinal color encoding and axes generated using d3.axisBottom and d3.axisLeft.

SSatish Nallamadugu

Ssaisnehapalle@my.unt.edu

Activity6_Question2

This stacked bar chart displays the percentage distribution of IMDb movie ratings across six genres, with each bar segmented into five rating brackets from “below 5.0” to “above 8.5.” Built with D3 v7, the visualization uses an SVG canvas, a linear x-scale for proportions, and a band scale for genres. Interactive tooltips reveal the exact percentage for each segment on mouseover, while a five-color ordinal scale distinguishes the rating categories. The code relies on d3.scaleLinear, d3.scaleBand, d3.scaleOrdinal, and d3.stack to construct the grouped bars from CSV data.

Activity6question2

This stacked horizontal bar chart shows the percentage distribution of IMDb ratings across six movie genres, with each bar divided into five rating brackets from "below 5.0" to "above 8.5." The visualization uses D3.js v7 with SVG rendering, employing `d3.stack()` to layer the rating categories, `d3.scaleBand()` for the genre axis, and `d3.scaleLinear()` for the percentage scale. Interactive tooltips display exact percentages on mouseover, with data sourced from a CSV file.

Vvaishnavi6gan@gmail.com

Sshreshikaveerannagari@gmail.com

activity6_question2

This visualization shows the distribution of movie ratings across six genres, with each genre represented as a horizontal stacked bar that breaks down the proportion of films falling into five rating brackets, from below 5.0 to above 8.5. The chart uses D3.js's `d3.csv` to load the data and `d3.stack` to compute the cumulative segments, with `d3.scaleOrdinal` supplying the categorical color scheme. Each bar segment displays a tooltip with the exact percentage via SVG `title` elements, and the axes are rendered using `d3.axisBottom` and `d3.axisLeft`.