Skip to main content
SimilarExport ZIP
100%

Activity 6 Task 2

✓ Published1🌍 Public
SSai Gottumukkala
Last edited Apr 3, 2025
Created on Apr 3, 2025
Forked from Hello VizHub

This chart displays the distribution of IMDb ratings across six movie genres, using horizontal stacked bars to show the proportion of films falling into five rating brackets from "below 5.0" to "above 8.5." The underlying data is a CSV file with genre rows and rating-category columns, rendered as SVG. The code uses D3 v7 APIs including `d3.stack`, `d3.scaleOrdinal`, `d3.scaleLinear`, `d3.scaleBand`, and `d3.axisBottom`/`d3.axisLeft`, along with custom tooltips on mouseover.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Task2

This chart visualizes the distribution of IMDb movie ratings across six genres, using horizontal stacked bars where each segment represents a rating bucket from "below 5.0" to "above 8.5" as a percentage of total films. Hovering a segment highlights it and shows the exact percentage via a tooltip. Built with D3 v7, the code loads data from a CSV, stacks values using `d3.stack`, maps categories through `d3.scaleOrdinal` for colors, and renders axes with `d3.axisBottom` and `d3.axisLeft`. SVG output includes a title and axis label.

Kkondaveeti.bhargavi7780@gmail.com
96% match
Loading thumbnail…

Activity-6-Task2

This chart visualizes the distribution of IMDb movie ratings across different genres, with each genre’s ratings segmented into five ordered categories from “below 5.0” to “above 8.5.” Using a stacked bar chart, the height of each bar segment encodes the percentage of films in that rating bracket. The visualization is built with d3.scaleLinear, d3.scaleBand, and d3.stack, and includes interactive tooltips for each segment. Data is loaded from a local CSV file, and the SVG rendering uses a color scale with five distinct hues.

Kkotasc18@gmail.com
95% match
Loading thumbnail…

Activity 6_Task 2

This stacked 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 chart reads the proportions of each rating bracket per genre from a CSV file using d3.csv, then applies d3.stack to create the layered segments and d3.scaleOrdinal for color encoding. Each segment is rendered as an SVG rect with d3.axisBottom and d3.scaleBand for the genre categories, and hovering over a segment reveals its exact percentage via a tooltip.

Aanusha.chilkamarri26@gmail.com
95% match
Loading thumbnail…

Activity 6_Task 2

This stacked bar chart shows the distribution of IMDb movie ratings across five genres, with each genre’s bar divided into five rating categories from "below 5.0" to "above 8.5" as proportions summing to 100%. Hovering over a segment reveals an exact percentage via a custom tooltip. Built with D3 v7, it uses `d3.stack()` for data transformation, `d3.scaleOrdinal()` for colors, and `d3.scaleBand()` for the genre axis, rendering as SVG from a CSV file.

HHarshita Vairagade
95% match
Loading thumbnail…

Activity6_Task2

This stacked bar chart shows the distribution of IMDb ratings across six movie genres, with each bar divided into five rating categories from "below 5.0" to "above 8.5" as percentages. It loads CSV data and uses d3.stack to compute the stacked series, d3.scaleBand for the genre axis, d3.scaleLinear for the percentage axis, and d3.scaleOrdinal with a custom color palette. SVG rectangles render the segments, and mouse events trigger an HTML tooltip displaying the precise percentage for each segment.

Ppenujulilikhil01020@gmail.com
95% match
Loading thumbnail…

Activity 6_Task 2

This stacked bar chart displays the percentage distribution of IMDb movie ratings across six genres, showing how rating levels such as 5.0–6.5 or above 8.5 vary by genre. It uses d3.v7 with SVG rendering, employing d3.stack, d3.scaleOrdinal, d3.scaleLinear, and d3.scaleBand to construct the bars. Hovering over a segment triggers a tooltip via d3.select, displaying the exact percentage for that genre and rating category. The data comes from a CSV file and is formatted using d3.format.

Ttallavijayalakshmi0710@gmail.com
95% match
Loading thumbnail…

Activity 6_Task 2

This stacked horizontal bar chart visualizes the distribution of IMDb movie ratings across six genres, with each bar segment representing the percentage of titles falling into one of five rating brackets from “below 5.0” to “above 8.5.” The chart uses D3 v7’s `d3.stack()` and `d3.scaleOrdinal()` to construct the stacked layout and color encoding, while `d3.scaleLinear()` and `d3.scaleBand()` position the segments and genre categories. Interactive tooltips appear on mouseover, displaying the exact percentage for each rating category. Data comes from a CSV file, rendered as SVG elements within a fixed 960×500 canvas.

Mmsnikhil2608@gmail.com
95% match
Loading thumbnail…

Activity 6_Task 2

This stacked horizontal bar chart visualizes the distribution of IMDb movie ratings across six genres, with each bar segment representing the percentage of titles falling into one of five rating brackets from “below 5.0” to “above 8.5.” The chart uses D3 v7’s `d3.stack()` and `d3.scaleOrdinal()` to construct the stacked layout and color encoding, while `d3.scaleLinear()` and `d3.scaleBand()` position the segments and genre categories. Interactive tooltips appear on mouseover, displaying the exact percentage for each rating category. Data comes from a CSV file, rendered as SVG elements within a fixed 960×500 canvas.

Mmsnikhil2608@gmail.com
95% match