Skip to main content
SimilarExport ZIP
100%

Activity6_Task2

✓ Published0🌍 Public
Kkrishnavisheshkatta@my.unt.edu
Last edited Apr 10, 2024
Created on Apr 10, 2024
Forked from 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.

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…

Activity8_Task2

A stacked horizontal bar chart shows the percentage distribution of IMDb movie ratings across six genres, with each bar segmented into five rating brackets from below 5.0 to above 8.5. Built with D3 v7 and rendered as SVG, the visualization uses `d3.stack()` to compute the stacked series and `d3.scaleOrdinal` with a custom color palette to distinguish rating categories. Tooltips display exact percentages on mouseover, while axis labels and a title clarify the chart's purpose. Data comes from the provided CSV file.

Vvishnupriyapalagiri@gmail.com
98% match
Loading thumbnail…

Activity6_Task2

A stacked horizontal bar chart displays the distribution of IMDb ratings across six film genres, with each bar broken into five rating brackets from below 5.0 to above 8.5. The visualization uses D3 v7’s `d3.stack()` to compute stacked segments, `d3.scaleOrdinal` for color encoding, and `d3.scaleBand` for the categorical axis. Hovering over a segment triggers a tooltip showing the exact percentage for that genre and rating range. Data comes from the included CSV file and renders as SVG with custom styling.

Ssindhuja27b@gmail.com
97% 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
97% match
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
97% 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
97% 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
97% 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
97% 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
97% match