Activity Task 2

100%

Activity Task 2

✓ Published0🌍 Public

Last edited Apr 7, 2024

Created on Apr 7, 2024

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.

AI-generated description

An example showing the capabilities of VizHub:

Loads D3 via UNPKG.
Demonstrates use of import from "d3".
Demonstrates use of import from local ES6 modules.

MIT Licensed

Similar vizzes

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

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

97% match

Loading thumbnail…

Activity6_Task2

A stacked horizontal bar chart displays the percentage of IMDb movie ratings across six genres, broken into five rating brackets from below 5.0 to above 8.5. The chart uses D3 v7’s `d3.stack` and `d3.scaleBand` to generate the bars, with `d3.scaleOrdinal` assigning distinct colors to each rating category. Interactive tooltips appear on mouseover, showing the exact percentage for a specific genre and rating bracket. Data comes from the included CSV file, and the visualization renders as SVG.

Kkrishnavisheshkatta@my.unt.edu

96% match

Loading thumbnail…

Activity-8_Task-2

A stacked horizontal bar chart visualizes the distribution of IMDb ratings across six movie genres, dividing each genre's percentage into five rating categories from "below 5.0" to "above 8.5." The chart uses `d3.stack` to compose the segments and `d3.scaleBand` for the genre axis, with a linear scale for the percentage values. Rendered as SVG via D3 v7, it employs `d3.axisBottom` and `d3.axisLeft` for axes and includes interactive tooltips on mouseover that display the exact percentage for each segment. The data comes from a CSV file, and the styling uses custom fonts from Google Fonts.

Hharipadmavathim2023@gmail.com

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

96% match

Loading thumbnail…

Activity6_Task2

A stacked bar chart displays the percentage distribution of IMDb ratings across six movie genres, with each bar segmented into five rating intervals from "below 5.0" to "above 8.5". The visualization uses D3 v7's `d3.stack()` and `d3.scaleOrdinal()` for color encoding, with `d3.scaleBand()` for genre categories and `d3.scaleLinear()` for percentages. Interactive tooltips appear on mouseover, showing the exact percentage value via `d3.format('.2f')`. Data comes from an external CSV file, rendered as SVG within a 960×500 viewport.

SSahithi.R

96% match

Loading thumbnail…

Activity6_Task2

This stacked bar chart shows the percentage distribution of IMDb ratings across six movie genres, with ratings grouped into five levels from below 5.0 to above 8.5. Each bar segment represents a genre's proportion of a rating category, and hovering over a segment displays the exact percentage via a tooltip. The code uses `d3.stack()` to create the stacked data structure from CSV input, `d3.scaleBand()` for the genre axis, and `d3.scaleLinear()` for the percentage scale. The visualization renders as SVG with five color-coded rating categories and includes axis labels and a title.

Rrakshithareddy217@gmail.com

96% match

Loading thumbnail…

Activity6_Task2

A stacked bar chart shows the percentage distribution of IMDb ratings across six movie genres, with each bar divided into five rating intervals from "below 5.0" to "above 8.5." The visualization uses d3.stack() to aggregate the data, d3.scaleBand() for the categorical genre axis, and d3.scaleLinear() for the percentage axis. Hovering over a segment displays a tooltip with the exact percentage via d3.select and mouse events. The SVG rendering applies a color scale with five distinct hues and reads data from a CSV file.

Nnsairitwikreddy@gmail.com

96% match