Skip to main content
SimilarExport ZIP
100%

Activity6_Task2

✓ Published0🌍 Public
VVidya Lakshmi Chitturi
Last edited Apr 1, 2025
Created on Mar 31, 2025
Forked from Hello VizHub

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Task2

This stacked horizontal bar chart shows the distribution of IMDb movie ratings across six genres, with each bar divided into five rating categories from “below 5.0” to “above 8.5.” The visualization uses d3.stack() to compute the stacked segments and d3.scaleOrdinal() with a categorical color scale to distinguish rating bands. The code renders SVG rectangles via data joins and includes an interactive tooltip triggered by mouseover events, displaying the exact percentage for each genre-rating combination. Data comes from a CSV file containing precomputed proportions for each genre.

GGunna,Praneeth Reddy
97% match
Loading thumbnail…

Activity6_Task2

This visualization presents a stacked horizontal bar chart of IMDb movie ratings across six genres, with each bar segment representing the proportion of titles within rating brackets from below 5.0 to above 8.5. The chart uses D3 v7 with SVG rendering, employing `d3.stack()` for the stacked layout, `d3.scaleBand` for the genre axis, and `d3.scaleLinear` for the percentage scale. Interactive tooltips display the exact percentage for each segment on hover, using `d3.select` and event handlers. Data comes from the included CSV file.

YYeruva Snehith Reddy
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_Task 2

This visualization uses stacked horizontal bars to show how IMDb movie ratings are distributed across six genres, with each bar segment representing the percentage of films in a rating band. The chart is built with D3.js v7, using `d3.stack()` to compute the cumulative bar segments, `d3.scaleOrdinal()` for color coding, and `d3.axisBottom()` for the percentage scale. An interactive tooltip displays the precise percentage for each genre and rating category on hover, using `d3.format('.2f')` for numeric output. The data comes from a comma-separated file listing genre and five rating brackets.

Nnavyabade05@gmail.com
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
97% match
Loading thumbnail…

Activity6_Task2

This stacked bar chart shows the distribution of IMDb ratings across six movie genres, where each bar's segments represent the percentage of ratings falling into five discrete levels from "below 5.0" to "above 8.5." Hovering over a segment reveals a tooltip with the exact percentage for that genre and rating level. Built with D3 v7, the visualization uses `d3.stack()` to compute the stacked segments, `d3.scaleBand()` for the categorical y-axis, and `d3.scaleLinear()` for the percentage x-axis. The chart is rendered as SVG, with data loaded from a CSV file containing computed rating proportions per genre.

Hharsha13638@gmail.com
97% 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
97% 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
97% match