Activity6_Task2

Activity 6_Task2

This example visualizes the distribution of IMDb movie ratings across six genres, using stacked horizontal bars to show the proportion of movies in five rating brackets from "below 5.0" to "above 8.5." The chart is rendered as an SVG using D3 v7, with a diverging color scale distinguishing each rating category. The code employs `d3.stack()` to compute stacked bar segments, `d3.scaleBand()` for the genre axis, and `d3.scaleLinear()` for the percentage axis, with interactive tooltips that appear on hover to display the exact percentage for each rating segment. The data comes from the included `data.csv` file, and the visualization uses a clean, readable layout with custom fonts and styled axes.

SSiva Kishore Reddy

Ssiddhubhupathi@gmail.com

Activity 6_Task2

This stacked bar chart displays the distribution of IMDb ratings across six movie genres, with each genre represented as a horizontal bar divided into five rating range segments from below 5.0 to above 8.5. The visualization uses D3 v7’s `d3.stack()` and `d3.scaleBand()` to structure the data, with `d3.scaleOrdinal()` assigning colors to rating categories. Interactive tooltips reveal the exact percentage for each segment via mouse events, while axes and labels are rendered using `d3.axisBottom` and `d3.axisLeft`. The chart is drawn as an SVG element with data loaded from a CSV file.

Ttejaswiteju9811@gmail.com

Activity6_Task2

This example visualizes the distribution of IMDb movie ratings across six genres, using a stacked horizontal bar chart where each bar segment represents a rating category from “below 5.0” to “above 8.5.” The chart is rendered with D3 v7 in SVG, employing `d3.stack()` to compute stacked series and `d3.scaleBand`/`d3.scaleLinear` for axes. Interactive tooltips appear on mouseover, displaying each segment’s exact percentage. Data comes from a local CSV file, and the genre labels are shown along the y-axis.

Ssasidhharreddy@gmail.com

Activity 6_Task 2

This example visualizes the distribution of IMDb movie ratings across six genres, showing the percentage of titles in each rating bracket from below 5.0 to above 8.5. It uses a stacked horizontal bar chart rendered with D3 v7 and SVG, where each genre is a bar and each segment represents a rating range. The code employs `d3.stack()` to compute the stacked series, `d3.scaleOrdinal` for color encoding, and `d3.scaleBand` for the categorical axis. Interactive tooltips display the exact percentage for each segment on hover.

Activity6_Task2

This example visualizes the distribution of IMDb movie ratings across six genres, using stacked horizontal bars to show the percentage of movies in five rating bins from "below 5.0" to "above 8.5." The chart employs D3 v7’s `d3.stack`, `d3.scaleOrdinal` with a categorical color palette, and `d3.scaleBand` for the genre axis. Interactive tooltips appear on mouseover, displaying the exact percentage for each genre-rating segment. Data is loaded from a local CSV file and rendered as SVG.

Ggroup118sai@gmail.com

Activity6_Task2

This visualization shows the distribution of IMDb movie ratings across seven genres, using a stacked horizontal bar chart where each bar segment represents the proportion of movies falling into five rating categories from "below 5.0" to "above 8.5." The chart uses D3 v7's `d3.stack()` and `d3.scaleOrdinal` with a custom color palette, rendering as SVG with axes from `d3.axisBottom` and `d3.axisLeft`. Interactive tooltips display exact percentages on mouseover, and the data comes from a CSV file with genre-proportion pairs.

SSrihith Reddy Gaddam

Activity6_Task2

This example shows the distribution of IMDb movie ratings across six genres, with each genre displayed as a horizontal stacked bar chart where colored segments represent the percentage of films falling into rating brackets from "below 5.0" to "above 8.5." The visualization uses D3 v7's `d3.stack()` and `d3.scaleOrdinal()` to generate the stacked rectangles, with axes rendered via `d3.axisLeft` and `d3.axisBottom`. Interactive tooltips appear on mouseover, displaying the exact percentage for each rating segment using a formatted `d3.format` function. The data comes from a CSV file loaded directly in the HTML, with SVG as the rendering framework.

TTarshit Vupperla

HHarshathBudida@my.unt.edu

Activity-6_Task-2

This example visualizes the distribution of IMDb movie ratings across six genres using a stacked horizontal bar chart. The chart displays the proportion of movies within five rating brackets, from below 5.0 to above 8.5, for each genre, with a tooltip revealing exact percentages on hover. Built with D3 v7, the code utilizes `d3.stack()` to compute stacked series, `d3.scaleOrdinal()` for color mapping, and `d3.scaleBand()` and `d3.scaleLinear()` for positioning. Data is loaded from an external CSV file, and the visualization renders as SVG with interactive mouse events.