Activity 6 Task 2

100%

Activity 6 Task 2

✓ Published0🌍 Public

Last edited Apr 5, 2025

Created on Apr 5, 2025

A stacked horizontal bar chart shows the percentage distribution of IMDb ratings across six genres, from documentary to action, with each bar divided into five rating brackets. The visualization uses D3 v7's `d3.stack()` to compute stacked series, `d3.scaleBand()` for the categorical y-axis, and `d3.scaleLinear()` for the percentage x-axis. Data from `data.csv` is loaded and rendered as SVG rectangles, with mouseover interactions that display exact percentages via tooltips.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity-6_Task-2

A stacked horizontal bar chart displays the percentage distribution of IMDb ratings across six movie genres, with each bar segmented into five rating categories from below 5.0 to above 8.5. The visualization uses d3.stack to generate the stacked series and d3.scaleOrdinal for color mapping, rendering SVG rectangles with tooltips that show exact percentages on mouseover. Data comes from a CSV file, and axes are created using d3.axisBottom and d3.axisLeft.

Hhoneyravuri.711@gmail.com

95% match

Loading thumbnail…

Activity6_Task2

A stacked horizontal bar chart visualizes the distribution of IMDb ratings across six genres, using percentage categories ranging from "below 5.0" to "above 8.5." The chart renders as SVG elements via D3 v7, with each genre represented as a horizontal bar segmented into five colored rating bands. The visualization employs `d3.stack()` to compute stacked series, `d3.scaleBand` for the y-axis categories, and `d3.scaleLinear` for the x-axis percentages. Interactive tooltips appear on mouseover, displaying the exact percentage for any rating segment using `d3.format('.2f')`. The data comes from a local CSV file loaded with `d3.csv`.

Ssathvik0311@gmail.com

95% match

Loading thumbnail…

Activity6_Task2

This stacked bar chart shows the distribution of IMDb movie ratings across six genres, with each bar segment representing the percentage of movies falling into one of five rating categories. The visualization uses d3.stack() to compute the stacked layout, d3.scaleBand() for the genre axis, and d3.scaleLinear() for the percentage scale. Hovering over a segment displays a tooltip with the exact percentage via mouseover and mousemove events. The data is loaded from a CSV file and rendered as SVG elements with d3.v7.

Vvidiyalasahithi1999@gmail.com

95% match

Loading thumbnail…

Activity Task 2

A stacked horizontal bar chart displays the percentage distribution of IMDb ratings across six movie genres, with each genre’s bar divided into five rating buckets from below 5.0 to above 8.5. The visualization uses D3 v7’s `d3.stack()` to compute the stacked series, `d3.scaleLinear` and `d3.scaleBand` for positioning, and `d3.scaleOrdinal` for color mapping. Interactive tooltips, built with appended HTML elements, reveal the exact percentage on hover. Data is loaded from CSV, and rendering is done via SVG.

Mmangilipallylaxminarayana@gmail.com

95% match

Loading thumbnail…

Activity 6 Task 2

A stacked horizontal bar chart visualizes 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.” Percentages are shown on a linear x-axis, while genres appear on a band scale y-axis. The visualization uses d3.v7 with SVG rendering, building the stacks via `d3.stack()` and mapping colors with `d3.scaleOrdinal()`. Interactive tooltips display exact percentages on mouseover, using D3 event handlers. Data comes from the provided CSV file.

Aanisha.peddireddy@gmail.com

95% match

Loading thumbnail…

Activity 6 - Task2

A stacked bar chart visualizes the distribution of IMDb ratings across six movie genres, with each bar divided into five rating brackets from "below 5.0" to "above 8.5." The chart uses a horizontal layout where genre categories appear on the y-axis and percentage values on the x-axis, colored segments representing each rating range. Built with D3 v7, the visualization employs d3.stack() for data transformation, d3.scaleBand() and d3.scaleLinear() for positioning, and d3.axisBottom() for the percentage scale. Interactive tooltips display exact percentages on mouseover, using data from the provided CSV file rendered as SVG elements.

Hharinihari6791@gmail.com

95% match

Loading thumbnail…

Activity6-Task2

A stacked bar chart shows the percentage distribution of IMDb ratings across six movie genres, with each bar segment representing a rating range from "below 5.0" to "above 8.5". The visualization reads data from a CSV file using d3.csv and renders SVG rectangles via d3.stack, d3.scaleBand for genres, and d3.scaleLinear for percentages. Interactive tooltips, implemented with d3.select and mouse event handlers, display exact percentages on hover.

SSaiKiranReddyKancharla@my.unt.edu

95% match

Loading thumbnail…

Activity6 task 2

A stacked horizontal bar chart displays the percentage distribution of IMDb ratings across six movie genres, using five rating categories from "below 5.0" to "above 8.5." The chart shows proportions per genre via color-coded segments, with a tooltip revealing exact percentages on hover. Built with D3 v7, it uses `d3.stack()` to compute stacked series, `d3.scaleBand()` for genre positioning, and `d3.scaleLinear()` for the percentage axis. Data comes from an external CSV file, rendered as SVG within an HTML page, with axis labels and a title included.

Vvishnutejareddyambati@my.unt.edu

94% match