Skip to main content
SimilarExport ZIP
100%

Activity_6_Task_2

✓ Published1🌍 Public
LLarry Johnson
Last edited Oct 24, 2024
Created on Oct 24, 2024
Forked from Hello VizHub

This example visualizes IMDb movie ratings across six genres, showing the distribution of ratings in five percentage-based categories using a stacked horizontal bar chart. The chart highlights how genres like Documentary skew toward higher ratings, while Action concentrates in lower ranges. Built with D3 v7, it uses `d3.stack()` to aggregate the categorical data, `d3.scaleBand()` for genre positioning, and `d3.scaleOrdinal()` for color encoding. Interactive tooltips display exact percentages on hover, while axis labels, a title, and a legend clarify the rating breakdown and genre ordering.

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 example visualizes IMDb movie ratings by genre as a stacked horizontal bar chart, showing the percentage distribution of ratings across five categories (below 5.0 to above 8.5) for six genres, from Documentary to Action. The chart uses D3 v7 APIs including `d3.stack()` to create the stacked segments, `d3.scaleOrdinal()` for color encoding, and `d3.scaleBand()` for the categorical y-axis. Interactive tooltips appear on hover, revealing precise percentages via a custom HTML div. The dataset is loaded from a local CSV file and rendered as SVG, with the title "Rating according to genres" displayed above the plot.

CChandra Prakash Reddy Kalwakolu
97% match
Loading thumbnail…

Activity_6_task_2

This example visualizes the distribution of IMDb movie ratings across six genres using a stacked horizontal bar chart. It shows the percentage of movies falling into five rating brackets, from below 5.0 to above 8.5, with each genre represented as a distinct bar. The chart is built with D3 v7, using d3.stack() to compute the stacked segments, d3.scaleOrdinal() for color encoding, and d3.scaleBand() for the categorical y-axis. Interactive tooltips reveal exact percentages on mouseover, using d3.select() and element event handlers. The data comes from a CSV file containing genre and rating proportion values.

Lleelakrishnadivi7@gmail.com
96% match
Loading thumbnail…

Activity6_Task2

This visualization shows the distribution of IMDb movie ratings across six genres, with each genre displayed as a horizontal stacked bar chart broken into five rating categories from "below 5.0" to "above 8.5". The percentages reveal how genres like Documentary skew toward higher ratings, while Action films cluster in the lower ranges. Using D3 v7 with SVG rendering, the code builds the stacked layout via `d3.stack()`, scales positions with `d3.scaleLinear` and `d3.scaleBand`, applies a custom ordinal color scale, and implements interactive tooltips on mouseover to display exact percentage values for each rating segment.

Nnikhilthoutu24@gmail.com
96% match
Loading thumbnail…

Activity 6_Task 2

This example visualizes the distribution of IMDb movie ratings across six genres, showing the percentage of titles in each rating bracket from below 5.0 to above 8.5. It uses a stacked horizontal bar chart rendered with D3 v7 and SVG, where each genre is a bar and each segment represents a rating range. The code employs `d3.stack()` to compute the stacked series, `d3.scaleOrdinal` for color encoding, and `d3.scaleBand` for the categorical axis. Interactive tooltips display the exact percentage for each segment on hover.

Ssasidhharreddy@gmail.com
95% match
Loading thumbnail…

Activity6_Task2

This example visualizes IMDb movie ratings by genre using a stacked horizontal bar chart. Six genres are compared across five rating categories (below 5.0 through above 8.5), with each bar segment representing the percentage of films in that rating range. The visualization uses D3 v7 with SVG rendering, employing `d3.stack()` for data stacking, `d3.scaleBand()` and `d3.scaleLinear()` for axes, and `d3.scaleOrdinal()` for color encoding. Interactive tooltips display exact percentages on mouseover events, while the data comes from a CSV file loaded directly in the code.

Ssaimanvith22@gmail.com
95% match
Loading thumbnail…

Activity6_Task2

This example visualizes the distribution of IMDb movie ratings across six genres, using stacked horizontal bars to show the percentage of movies in five rating bins from "below 5.0" to "above 8.5." The chart employs D3 v7’s `d3.stack`, `d3.scaleOrdinal` with a categorical color palette, and `d3.scaleBand` for the genre axis. Interactive tooltips appear on mouseover, displaying the exact percentage for each genre-rating segment. Data is loaded from a local CSV file and rendered as SVG.

Ggroup118sai@gmail.com
95% match
Loading thumbnail…

Activity6_Task2

This stacked bar chart shows the distribution of IMDb movie ratings across six genres, with each bar segmented into five rating levels from below 5.0 to above 8.5. The percentages reveal how genres like Documentary skew toward higher ratings while Action films concentrate in lower ranges. Using D3 v6, the visualization employs d3.stack() to compute stacked segments, d3.scaleOrdinal for color encoding, and d3.scaleBand for genre positioning. Interactive tooltips appear on mouseover, displaying precise percentage values. The chart renders as SVG, with data loaded from an external CSV file.

Nnandasaipalankius@gmail.com
95% match
Loading thumbnail…

Activity6_task 2

This stacked bar chart visualizes the distribution of IMDb ratings across six movie genres, with each bar segmented into five rating ranges from below 5.0 to above 8.5. The chart uses a horizontal layout with percentage scales, enabling quick comparison of rating patterns between genres like Documentary and Action. Built with D3 v7, the visualization employs `d3.stack()` to compute stacked series, `d3.scaleBand` for the categorical y-axis, and `d3.scaleLinear` for the quantitative x-axis. Interactive tooltips, implemented through mouse events, display exact percentages for each rating segment on hover, with the data sourced from a CSV file.

Ssagipavan2385@gmail.com
95% match