Task 2 Anusha H

100%

Task 2 Anusha H

✓ Published0🌍 Public

AAnushaHyderaboeni@my.unt.edu

Last edited Apr 6, 2025

Created on Apr 6, 2025

This chart shows the distribution of IMDb movie ratings across six genres, using stacked horizontal bars where each segment represents the proportion of movies falling into one of five rating bands (below 5.0 up to above 8.5). The code uses d3.stack to create the stacked series, d3.scaleBand for the categorical genre axis, and d3.scaleOrdinal with a custom color palette for the rating categories. The SVG rendering relies on D3 v7’s axis generators, and a custom tooltip displays the exact percentage for each segment on hover.

AI-generated description

MIT Licensed

Similar vizzes

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

91% match

Loading thumbnail…

Task 2

This stacked horizontal bar chart shows the distribution of IMDb movie ratings across six genres, with each genre’s bar segmented into five rating categories from “below 5.0” to “above 8.5.” The chart uses d3.stack to process the csv data and d3.scaleOrdinal for color coding, while d3.scaleLinear and d3.scaleBand position the percentage x-axis and genre y-axis. Hovering over a segment dims it and displays a tooltip with the exact percentage for that rating category.

Nnitishsurneni@gmail.com

90% match

Loading thumbnail…

Activity6-Task2

This stacked bar chart shows the percentage 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 visualization uses d3.stack() to compute the stacked segments, d3.scaleBand() for genre positioning, and d3.scaleLinear() for the percentage axis. Hovering over any segment displays a tooltip with the exact percentage for that rating level within the selected genre. Colors are assigned via d3.scaleOrdinal() with an array of five categorical colors, and all elements are rendered as SVG.

Ssushanthkodipyaka@gmail.com

90% match

Loading thumbnail…

Task-2

This stacked horizontal bar chart visualizes the distribution of IMDb movie ratings across six genres, with each bar segment representing a rating category from "below 5.0" to "above 8.5" as a percentage. The visualization uses d3.stack to transform the CSV data into stacked series, d3.scaleLinear for the x-axis, d3.scaleBand for the genre categories, and d3.scaleOrdinal with a custom color palette. Interactive tooltips display the precise percentage for each rating segment on mouseover, and the SVG rendering includes axis labels, gridlines, and a title.

Kkotipallipavan54@gmail.com

90% match

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

90% match

Loading thumbnail…

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

90% match

Loading thumbnail…

Activity6-Task2

This stacked bar chart visualizes the percentage distribution of IMDb rating categories across six movie genres, with each bar segment representing a rating range from “below 5.0” to “above 8.5.” Hovering over any segment reveals its exact percentage, and the total for each genre sums to 100%. The chart uses d3.stack for data stacking, d3.scaleBand for the categorical genre axis, and d3.scaleLinear for the percentage axis. SVG rendering and a custom tooltip created with d3 selection methods provide the interactive feedback, while data is loaded from an external CSV file.

Aanjalimadhavi98@gmail.com

90% 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

90% match