activity6_question2

Sshreshikaveerannagari@gmail.com

activity6_question2.1

A stacked bar chart displays the distribution of IMDb ratings across six movie genres, with the x-axis showing the proportion of ratings within each of five score ranges from below 5.0 to above 8.5. The chart uses a horizontal layout where each genre’s bar is composed of color-coded segments that sum to 100 percent. The visualization is built with D3.js v7, using `d3.stack()` to compute the stacked values, `d3.scaleBand` for the genre categories, and a linear scale for the percentage axis. The data is loaded from a CSV file, with genre names mapped to the y-axis and a legend identifying each rating range.

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

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.

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

Ssanavenkatasurendrareddy@gmail.com

activity_6_2

This stacked bar chart visualizes 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 horizontal bars show proportions for each genre, enabling quick comparison of rating patterns. The visualization uses d3.stack() to compute stacked segments, d3.scaleLinear and d3.scaleBand for positioning, and ordinal color scaling. Interactive tooltips appear on mouseover, displaying exact percentages formatted with d3.format. The data originates from a CSV file containing rating proportions per genre.

Ssharanyabobbala@my.unt.edu

Activity6 Tutorial2

A stacked horizontal bar chart visualizes IMDb movie rating distributions across six genres, with each bar segmented into five rating buckets from below 5.0 to above 8.5. The chart uses D3 v7’s `d3.stack`, `d3.scaleBand`, and `d3.scaleLinear` to render SVG rectangles, while a custom tooltip on mouseover displays the exact percentage for each segment. Data comes from a local CSV file, and the visualization includes axis labels, a legend, and color-coded categories.

Vvishnutejareddyambati@my.unt.edu

Activity6 task 2

A stacked horizontal bar chart displays the percentage distribution of IMDb ratings across six movie genres, using five rating categories from "below 5.0" to "above 8.5." The chart shows proportions per genre via color-coded segments, with a tooltip revealing exact percentages on hover. Built with D3 v7, it uses `d3.stack()` to compute stacked series, `d3.scaleBand()` for genre positioning, and `d3.scaleLinear()` for the percentage axis. Data comes from an external CSV file, rendered as SVG within an HTML page, with axis labels and a title included.

Ddabbararakshitha@gmail.com

Activity6_2

This visualization uses a stacked horizontal bar chart to show the distribution of IMDb movie ratings across six genres, comparing the percentage of titles falling into five rating bins from below 5.0 to above 8.5. The chart encodes each rating category with a distinct color via d3.scaleOrdinal, while d3.stack calculates the stacked segments. Rendering as SVG with d3.v7, the example positions axes using d3.axisBottom and d3.axisLeft, and implements custom mouseover interactions with tooltips displaying precise percentages. The data comes from a CSV file containing genre and rating proportion values.