Activity6_Task2

100%

Activity6_Task2

✓ Published0🌍 Public

Llokasaivenkatatammineedi@my.unt.edu

Last edited Mar 30, 2025

Created on Mar 30, 2025

This visualization shows the distribution of IMDb movie ratings across different genres, using a stacked horizontal bar chart where each bar represents a genre and segments represent percentage ranges from "below 5.0" to "above 8.5". The chart uses a diverging color scheme with five distinct colors. Built with D3.js v7, the code employs `d3.stack()` with keys from the data columns, `d3.scaleBand()` for the y-axis, and `d3.scaleLinear()` for the x-axis percentage scale. Interactive tooltips display exact percentages on hover, while data is sourced from a CSV file containing genre-specific rating proportions.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Task2

This visualization shows the distribution of IMDb movie ratings across six genres, using stacked horizontal bars to represent the percentage of titles falling into five rating brackets from "below 5.0" to "above 8.5." Each genre row is segmented by rating category, colored via d3.scaleOrdinal with a five-color palette. The chart is built with d3.v7, using d3.stack to create the stacked data, d3.scaleBand for the y-axis, and d3.axisBottom for the x-axis. Tooltips display exact percentages on mouseover, and the SVG rendering includes axis labels and a title.

Bbhargavireddy4016@gmail.com

97% match

Loading thumbnail…

Activity6_Task2

This visualization displays a stacked horizontal bar chart showing the distribution of IMDb movie ratings across six genres, with each bar segment representing the percentage of movies falling into five rating ranges from below 5.0 to above 8.5. The data comes from a CSV file containing genre and rating proportion values. Built with D3.js v7, the visualization uses `d3.stack()` to compute stacked series and `d3.scaleOrdinal()` for color encoding, with mouseover tooltips revealing exact percentages. The SVG-rendered chart includes axis labels, a title, and interactive highlighting of individual segments.

VVidya Lakshmi Chitturi

97% match

Loading thumbnail…

Activity6_Task2

This visualization shows how IMDb movie ratings are distributed across genres as a stacked bar chart, with each bar representing the proportion of five rating ranges within a genre. Hovering over a segment reveals the exact percentage for that rating category. The chart uses a D3 v7 `d3.stack` layout with `d3.scaleOrdinal` colors and SVG rendering. Data is loaded from a CSV file, with axes formatted using `d3.axisBottom` and `d3.scaleBand`, and interactivity handled via mouse events with a custom tooltip.

UUday Vandanapu

96% match

Loading thumbnail…

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

96% match

Loading thumbnail…

Activity6_Task2

This visualization shows the distribution of IMDb movie ratings across six genres, displayed as stacked horizontal bar charts. Each bar represents a genre, segmented into five rating categories from "below 5.0" to "above 8.5," with the x-axis measuring percentage. The code uses D3 v7’s `d3.stack`, `d3.scaleOrdinal`, `d3.scaleBand`, and `d3.scaleLinear` to position and color the segments. A tooltip appears on mouseover, displaying the exact percentage for each rating category. Data comes from a loaded CSV file, and the SVG rendering includes axis labels and a title.

Ssaiteja.cse.rymec@gmail.com

96% match

Loading thumbnail…

Activity6_Task2

This visualization shows the distribution of IMDb movie ratings across six genres, with each genre displayed as a horizontal stacked bar chart broken into five rating categories from "below 5.0" to "above 8.5". The percentages reveal how genres like Documentary skew toward higher ratings, while Action films cluster in the lower ranges. Using D3 v7 with SVG rendering, the code builds the stacked layout via `d3.stack()`, scales positions with `d3.scaleLinear` and `d3.scaleBand`, applies a custom ordinal color scale, and implements interactive tooltips on mouseover to display exact percentage values for each rating segment.

Nnikhilthoutu24@gmail.com

96% match

Loading thumbnail…

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 visualization uses D3.js v7, employing `d3.stack()` for the stacked data structure, `d3.scaleBand()` and `d3.scaleLinear()` for axes, and `d3.scaleOrdinal()` for color mapping. Interactive tooltips display precise percentages on hover, with the data loaded from a CSV file containing genre-specific rating proportions.

Mmythripopuri2001@gmail.com

96% match

Loading thumbnail…

Activity6_Task2

This stacked bar chart displays the distribution of IMDb ratings across different movie genres, with each bar segmented into five rating categories from "below 5.0" to "above 8.5" and expressed as percentages. The visualization uses D3 v7's `scaleOrdinal` for color encoding and `stack` for data transformation, rendering as SVG. The chart features a horizontal layout with genre labels on the y-axis and percentage ticks on the x-axis. Interactive tooltips reveal the exact percentage for each segment on hover, with opacity changes providing visual feedback. Data comes from the included `data.csv` file, and the styling uses custom fonts and CSS.

Gganeshseeram5decem@gmail.com

96% match