Skip to main content
SimilarExport ZIP
100%

Activity6_Task2

✓ Published0🌍 Public
Ssathvik0311@gmail.com
Last edited Oct 24, 2024
Created on Oct 24, 2024
Forked from Hello VizHub

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`.

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_Task2

This stacked bar chart shows the distribution of IMDb ratings across genres, with each bar divided into five rating categories from "below 5.0" to "above 8.5" expressed as percentages. The chart is rendered as SVG using D3 v7, with data loaded from a CSV file. It employs d3.stack() to create the stacked layout, d3.scaleBand() for the genre axis, d3.scaleLinear() for percentages, and d3.scaleOrdinal() with a custom color palette. Interactive tooltips display the exact percentage for each rating segment on hover.

Ssaisnehapalle@my.unt.edu
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
97% match
Loading thumbnail…

Activity8_Task2

A stacked horizontal 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" and labeled with the percentage each segment represents. The visualization uses d3.stack() to compute the stacked series, d3.scaleBand() for the genre categories on the y-axis, and d3.scaleLinear() for the percentage scale on the x-axis. Interactive tooltips appear on mouseover, showing the exact percentage for a specific genre and rating bracket, with the data loaded from a CSV file and rendered as SVG elements.

WWilliam Nsambu
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 horizontal bar chart displays 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 visualization uses d3.stack to compute the stacked segments, d3.scaleOrdinal for color encoding, and d3.scaleBand for the categorical y-axis. Interactive tooltips appear on mouseover, showing the exact percentage for each rating segment. The SVG chart includes axis labels and a title, rendered with d3.v7 loaded via UNPKG.

MMounishAllam@my.unt.edu
96% match
Loading thumbnail…

Activity6_Task2

A stacked horizontal bar chart displays the distribution of IMDb ratings across six genres, with each genre broken into five rating percentage bands. The visualization reads a CSV file and uses D3 v7's `d3.stack`, `d3.scaleOrdinal`, `d3.scaleLinear`, and `d3.scaleBand` to render SVG rectangles, while tooltips on hover reveal the exact percentage for a rating band. Axis labels and a title clarify the chart, and the color palette distinguishes rating categories.

PPothuguntla Pranitha
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