Skip to main content
SimilarExport ZIP
100%

Activity 6 Task 2

✓ Published0🌍 Public
Mmounikakatipally995@gmail.com
Last edited Apr 16, 2024
Created on Apr 16, 2024
Forked from Hello VizHub

A stacked horizontal bar chart compares the distribution of IMDb ratings across six movie genres, using percentages for five rating categories. The chart uses D3.js v7 APIs including `d3.stack`, `d3.scaleOrdinal`, `d3.scaleLinear`, `d3.scaleBand`, and `d3.axisLeft`. Each genre’s row shows proportional segments colored by rating category, with interactive tooltips revealing exact percentages. Data originates from a CSV file with pre-calculated proportions, 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 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
96% match
Loading thumbnail…

Activity6_Task2

This stacked bar chart shows the percentage distribution of IMDb rating levels within six movie genres, with hover tooltips revealing exact percentages. Each genre’s stacked bars represent five rating bands, from “below 5.0” to “above 8.5,” totaling 100%. The visualization uses D3 v7’s `d3.stack()` to compute stacked series, `d3.scaleOrdinal` for color mapping, and `d3.scaleLinear` and `d3.scaleBand` for axes. SVG rectangles render the bars, and mouse events trigger tooltip display with formatted percentages using `d3.format`. Data comes from a CSV file containing pre-aggregated genre ratings.

Vvankayalapatimounika2000@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 Task-2

A stacked horizontal bar chart shows the percentage distribution of five IMDb rating categories within six movie genres, totaling 100% per genre. The visualization highlights how genre influences ratings, with genres like Documentary having higher shares of strong ratings and Action skewing toward lower scores. Hovering over a bar segment displays an exact percentage via a HTML tooltip. The chart uses d3.stack for bar segmentation, d3.scaleOrdinal for colors, d3.scaleBand for genre rows, and d3.axisBottom for the percentage axis, rendered as SVG with D3 v7.

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

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

Activity6_Task2

A stacked bar chart displays the percentage distribution of five IMDb rating categories across six movie genres, showing how genre influences ratings. The chart uses SVG rendering with D3.js v7, employing `d3.scaleOrdinal` for colors, `d3.scaleLinear` for the x-axis percentage scale, and `d3.scaleBand` for the categorical y-axis. Hovering over bars triggers tooltips showing exact percentages, computed from the provided CSV data.

Vvidyagangasani@my.unt.edu
95% 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
95% match