Skip to main content
SimilarExport ZIP
100%

Activity6_Task2

✓ Published0🌍 Public
Bbhargavireddy4016@gmail.com
Last edited Mar 31, 2025
Created on Mar 31, 2025
Forked from Hello VizHub

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.

AI-generated description
MIT Licensed

Similar vizzes

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
97% 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
97% match
Loading thumbnail…

Activity6_Task2

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.

Llokasaivenkatatammineedi@my.unt.edu
97% 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…

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
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 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 six genres, using stacked horizontal bars to display the percentage of movies falling into five rating categories. The data comes from a CSV file and is rendered as SVG using D3.js v7. The code employs `d3.stack()` to create stacked series, `d3.scaleOrdinal` for color mapping, and `d3.scaleBand` with `d3.scaleLinear` for positioning. Interactive tooltips display exact percentages on hover, while axes and labels are generated using `d3.axisBottom` and `d3.axisLeft`.

Ssatvikreddy79@gmail.com
96% match