Skip to main content
SimilarExport ZIP
100%

Task2 of Activity 6

✓ Published0🌍 Public
Gganesh.hns48@gmail.com
Last edited Apr 4, 2024
Created on Apr 4, 2024
Forked from Hello VizHub

A stacked horizontal bar chart shows the distribution of IMDb movie ratings across six genres, with each bar divided into five rating brackets from below 5.0 to above 8.5. The chart uses d3.stack to compute the stacked series and d3.scaleOrdinal with a custom color palette for the rating categories. Interactive tooltips display the exact percentage for each genre-rating segment on mouseover, using d3.select and event handlers. Data is loaded from a local CSV file and rendered as 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 bar chart shows the percentage distribution of IMDb movie ratings across six genres, using five rating brackets from below 5.0 to above 8.5. The chart uses `d3.stack()` to compute stacked series, `d3.scaleOrdinal` for color encoding, and `d3.scaleBand` for the categorical genre axis. Hovering over a segment reveals the exact percentage via a tooltip. Data comes from a local CSV file, rendered as SVG with D3 v7.

Vvikramkotlo9@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 by five rating bands from below 5.0 to above 8.5. The chart uses D3 v7 loaded via UNPKG to process CSV data, applying d3.stack for stacking and d3.scaleOrdinal for color mapping. Interactive tooltips reveal the exact percentage for each genre-rating combination when hovering, with SVG rendering handled through d3.axisBottom, d3.axisLeft, and margin-based layout.

VVarshith Peddineni
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…

Activity6_Task2

A stacked horizontal bar chart visualizes the distribution of IMDb ratings across six movie genres, showing the percentage of titles falling into five rating brackets from "below 5.0" to "above 8.5." Each genre has its own bar, with color-coded segments indicating rating proportions. The chart uses D3 v7’s `d3.stack()` and `scaleOrdinal` for stacking and coloring, alongside `scaleLinear`, `scaleBand`, and axis generators. A tooltip displays the exact percentage for each segment on hover. Data comes from a CSV file with pre-computed genre-rating proportions.

Hhemanthmaddila13@gmail.com
96% 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
96% 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
96% match
Loading thumbnail…

Activity6-Task2

A 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 uses d3.stack() to compute the stacked series and d3.scaleOrdinal() for the color encoding, rendering as SVG with d3.axisBottom and d3.axisLeft. Hovering over a segment displays a tooltip showing the exact percentage for that rating category within the genre. Data comes from a local CSV file loaded through D3's data loading methods.

Aaashishvinayvasala@gmail.com
96% match
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
96% match