Activity 6_Task 2

Nnandasaipalankius@gmail.com

Activity6_Task2

This stacked bar chart shows the distribution of IMDb movie ratings across six genres, with each bar segmented into five rating levels from below 5.0 to above 8.5. The percentages reveal how genres like Documentary skew toward higher ratings while Action films concentrate in lower ranges. Using D3 v6, the visualization employs d3.stack() to compute stacked segments, d3.scaleOrdinal for color encoding, and d3.scaleBand for genre positioning. Interactive tooltips appear on mouseover, displaying precise percentage values. The chart renders as SVG, with data loaded from an external CSV file.

Activity6_task2

This stacked bar chart visualizes the distribution of IMDb movie ratings across six genres, with each bar segmented into five rating categories from “below 5.0” to “above 8.5.” The chart shows that genres like Action and Comedy have higher percentages of low ratings, while Documentary and Animation skew toward higher ratings. Built with D3 v7, the visualization uses `d3.stack()` to create the stacked segments, `d3.scaleOrdinal()` for color encoding, and `d3.scaleBand()` for the categorical y-axis. The data comes from a CSV file, rendered as SVG, with interactive tooltips displaying exact percentages on hover.

Mmaneeshraja47@gmail.com

Aayeshamanzoor111798@gmail.com

Activity6_Task2

This stacked bar chart shows the distribution of IMDb movie ratings across six genres, revealing how documentary and action films differ in their rating profiles. Each horizontal bar represents a genre, segmented into five rating levels from below 5.0 to above 8.5, with hover tooltips displaying exact percentages. The visualization uses D3 v7’s `d3.stack()` and `d3.scaleBand()` to generate the SVG rendering, with `d3.scaleOrdinal()` assigning colors and mouse events triggering the tooltip updates. Data comes from a CSV file containing aggregated rating percentages that sum to 1 for each genre.

Activity6_Task2

This stacked bar chart shows the percentage of IMDb movie ratings within each genre, with each bar segment representing a rating band from below 5.0 to above 8.5. The visualization highlights how genres like Documentary skew toward higher ratings, while Action films have a larger share of low scores. The chart is rendered as SVG with D3 v7, using `d3.stack` to compute the stacked segments, `d3.scaleOrdinal` for the color scheme, and `d3.axisBottom` and `d3.axisLeft` for the axes. Hovering over a segment triggers a tooltip that displays the exact percentage value. The data is loaded from a CSV file containing genre and rating-level proportions.

Mmohanalaharic@gmail.com

Activity6_Task2

This stacked bar chart visualizes the distribution of IMDb movie ratings across six genres, showing the proportion of films falling into rating brackets from below 5.0 to above 8.5. The chart uses a horizontal layout with genres on the y-axis and percentage on the x-axis, where each genre’s bar is segmented by rating category. Hovering over any segment displays a tooltip with the exact percentage. Built with D3 v7, the visualization uses `d3.stack()` to create the stacked data, `d3.scaleOrdinal` for color encoding, and SVG rendering. The data covers Documentary, Drama, Comedy, Romance, Animation, and Action genres, sourced from a local CSV file.

Mmeenam1106@gmail.com

Activity_6_Task2

This stacked bar chart visualizes the percentage distribution of IMDb movie ratings across five genres, with each bar segment representing a rating level from below 5.0 to above 8.5. The chart reveals how genre influences ratings, showing that documentaries achieve higher percentages of top ratings while action films skew toward lower scores. Built with D3 v7 and rendered as SVG, the visualization uses `d3.stack()` to create the stacked segments and `d3.scaleOrdinal` for color encoding. Interactive tooltips appear on mouseover, displaying precise percentages for each rating level within a genre, calculated from the provided CSV data.

Vvarmanithish5@gmail.com

Rrishithagovini99@gmail.com

Activity6_Task2

This stacked bar chart shows the percentage of IMDb ratings within each movie genre, highlighting how rating distributions vary across Documentary, Drama, Comedy, Romance, Animation, and Action. Each genre’s horizontal bar is divided into five rating-level segments, with hover pop-ups displaying exact percentages. Built with d3.v7 and rendered as SVG, the visualization uses d3.stack() to compute stacked series, d3.scaleOrdinal for color encoding, d3.scaleBand for genres, and d3.scaleLinear for percentages. The data is loaded from a CSV file containing genre and rating-level proportions.

Activity-6 Task2

This stacked bar chart visualizes the distribution of IMDb movie ratings across six genres, showing the proportion of films falling into five rating bands from below 5.0 to above 8.5. Each genre’s stacked bar sums to 100%, with color-coded segments revealing how documentary and animation films skew toward higher ratings while action movies concentrate in lower ranges. The visualization uses d3.stack() to compute layered data, d3.scaleOrdinal() with a custom color palette, and d3.scaleBand() for the genre axis. Hovering over any segment triggers a tooltip displaying the precise percentage, implemented through mouse events on SVG rectangles created via d3.selectAll().enter().append(). The data comes from a CSV file containing pre-aggregated percentages for each genre and rating category.

Hharshaps15@gmail.com