Activity06 Question 2.3

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.

Ssaitejauppu0206@gmail.com

activity8_task2

This stacked bar chart visualizes the distribution of IMDb movie ratings across six vehicle-themed genres, showing the proportional share of five rating categories from "below 3.0" to "above 7.0." The chart uses d3.stack() to aggregate the percentage data, d3.scaleBand for the vertical genre axis, and a linear x-scale for the percentage values. Hovering over any segment reveals an exact percentage via a tooltip, while opacity changes highlight the selected bar. The visualization is rendered as SVG with d3.v7, using ordinal color scaling to distinguish rating bands.

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.

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

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

Activity6_Task2

This stacked bar chart shows how IMDb movie ratings are distributed across genres, with each bar segment representing the percentage of films falling into rating bands from “below 5.0” to “above 8.5.” The visualization uses D3 v7’s `d3.stack()` to compute the stacked series and `d3.scaleOrdinal` for color mapping, rendering as SVG. Hovering over a segment triggers a tooltip showing the exact percentage for that genre and rating category, while axis labels and a title clarify the data. The chart reads from a local CSV file structured with genre rows and rating-band columns.

Bbhargavr016@gmail.com

Activity 6 Tutorial 2

This visualization shows the distribution of IMDb movie ratings across six genres, using horizontally stacked bar charts where each bar segment represents a rating category from "below 5.0" to "above 8.5" as a percentage. The code uses D3 v7 to load CSV data, applies `d3.stack` to compute stacked series, and renders the result as SVG rectangles with `d3.scaleLinear` and `d3.scaleBand`. A custom tooltip displays exact percentages on mouseover, with legend colors mapped via `d3.scaleOrdinal`.

BBharath Vupputuri

AAnilreddyveeraiahgari@my.unt.edu

Activity6_Question2

This stacked horizontal bar chart shows the percentage distribution of IMDb movie ratings across six genres, broken into five rating brackets from “below 5.0” to “above 8.5.” The code uses D3 v7’s `d3.stack()` to create the stacked segments, `d3.scaleBand()` for the genre axis, and `d3.scaleLinear()` for the percentage axis. A tooltip appears on mouseover, displaying the exact percentage for each genre-rating combination. Data is loaded from a CSV file, and the SVG rendering includes a color legend for the rating categories.