Skip to main content
SimilarExport ZIP
100%

Activity-6_Task-2

✓ Published1🌍 Public
Hhoneyravuri.711@gmail.com
Last edited Apr 5, 2025
Created on Apr 5, 2025
Forked from Hello VizHub

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.

AI-generated description
MIT Licensed

Similar vizzes

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
97% match
Loading thumbnail…

Activity6_Task2

A stacked horizontal bar chart shows the distribution of IMDb movie ratings across six genres, with each bar divided into five rating bands from below 5.0 to above 8.5. Using d3.stack and d3.scaleOrdinal, the chart maps the percentage data from CSV to colored segments with a tooltip that displays exact percentages on hover. The visualization relies on d3.axisBottom, d3.axisLeft, and d3.scaleBand for layout, and renders as SVG with a legend.

MMallikarjun Narra
96% match
Loading thumbnail…

Activity6_Task-2

This stacked bar chart visualizes the percentage distribution of IMDb ratings across six movie genres, with each bar segment representing a rating level from below 5.0 to above 8.5. A hover tooltip displays the exact percentage for each segment. Built with D3 v7 and SVG rendering, the chart uses `d3.stack()` to compute the stacked series, `d3.scaleOrdinal` for color mapping, and `d3.axisBottom` and `d3.axisLeft` for axes. The data comes from a CSV file containing genre-specific rating percentages.

Mmaneeshraja47@gmail.com
96% 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
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…

Activity6_Task2

A stacked bar chart displays the distribution of IMDb movie ratings across six genres, with each bar segmented into five rating brackets from “below 5.0” to “above 8.5.” The visualization uses d3.stack() to compute stacked segments and d3.scaleOrdinal for color encoding. Mouseover events reveal tooltips showing exact percentages, while d3.scaleBand and d3.scaleLinear position bars and axes. Data comes from an included CSV file, rendered as SVG with d3.v7.

Llingaladineshteja23@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

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