Skip to main content
SimilarExport ZIP
100%

Activity7_Task 2

✓ Published0🌍 Public
HHarshita Vairagade
Last edited Apr 12, 2024
Created on Apr 12, 2024
Forked from Hello VizHub

This visualization uses D3 v5 to display a horizontal stacked bar chart, showing the proportional distribution of movie ratings within six genres. Each genre row is divided into five rating brackets, from below 5.0 to above 8.5. The chart is constructed using D3’s `select` API and local ES6 modules, with data loaded from a CSV file. The rendering approach highlights how rating distributions vary across genres, with Documentary showing a notable concentration in higher brackets.

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…

Activity 6_Task 2

This visualization shows how movie ratings are distributed across six genres, using a stacked horizontal bar chart where each bar represents the percentage of films falling into five rating brackets from below 5.0 to above 8.5. Each genre’s bar is segmented into color-coded sections, with hover interactions revealing precise percentage values via tooltips. Built with D3 v7, the chart uses `d3.stack` for data transformation, `d3.scaleBand` for the genre axis, and `d3.scaleLinear` for the percentage scale. The data, loaded from a CSV file, is rendered as SVG, with axis labels and styling defined in external CSS.

Sskykarthik97@gmail.com
92% match
Loading thumbnail…

Activity 6 Task 2

This stacked bar chart shows the proportion of ratings across six movie genres, with each bar divided into five rating brackets from below 5.0 to above 8.5. The visualization reveals how genres like Documentary skew toward higher ratings while Action tends toward lower ones. Using d3.stack() and d3.scaleBand(), the chart encodes data from a CSV file as SVG rectangles. Interactive tooltips appear on mouseover, displaying the precise percentage for each rating segment using d3.format() and event handlers.

Jjaswanthreddy2000@gmail.com
92% match
Loading thumbnail…

Activity 6 _Task 2

This stacked bar chart visualizes the distribution of IMDb movie ratings across five genres, showing the proportion of films falling into five rating brackets from below 5.0 to above 8.5. Each horizontal bar represents a genre, divided into colored segments corresponding to rating categories, with interactive hover tooltips revealing precise percentages. The visualization uses D3.js (v7) with SVG rendering, utilizing `d3.stack()`, `d3.scaleBand()`, and `d3.scaleLinear()` to construct the chart. Data is loaded from a CSV file containing genre and rating percentage columns.

MMonish Galla
92% match
Loading thumbnail…

Activity6_Task2

This visualization displays a stacked horizontal bar chart showing the distribution of IMDb movie ratings across six genres, with each bar segment representing the percentage of movies falling into five rating ranges from below 5.0 to above 8.5. The data comes from a CSV file containing genre and rating proportion values. Built with D3.js v7, the visualization uses `d3.stack()` to compute stacked series and `d3.scaleOrdinal()` for color encoding, with mouseover tooltips revealing exact percentages. The SVG-rendered chart includes axis labels, a title, and interactive highlighting of individual segments.

VVidya Lakshmi Chitturi
92% match
Loading thumbnail…

Activity6_Task2

This stacked bar chart shows the distribution of movie ratings across six genres, using proportions from a CSV data source. It displays five rating categories from “below 5.0” to “above 8.5” as stacked segments within each genre bar. The visualization uses d3.csv to load data, d3.stack for stacking, d3.scaleBand for the categorical y-axis, d3.scaleLinear for the numeric x-axis, and d3.scaleOrdinal for color mapping. Clicking any bar triggers an alert showing the genre’s full rating breakdown.

DDouglas mochama
92% 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. The chart displays the proportion of movies within five rating brackets, from below 5.0 to above 8.5, for each genre, with a tooltip revealing exact percentages on hover. Built with D3 v7, the code utilizes `d3.stack()` to compute stacked series, `d3.scaleOrdinal()` for color mapping, and `d3.scaleBand()` and `d3.scaleLinear()` for positioning. Data is loaded from an external CSV file, and the visualization renders as SVG with interactive mouse events.

HHarshathBudida@my.unt.edu
92% match
Loading thumbnail…

Activity6_Task2

This visualization shows the distribution of movie ratings across different genres using a stacked horizontal bar chart. Each bar represents a genre, segmented proportionally into five rating categories from below 5.0 to above 8.5, with a legend clarifying the color encoding. The code uses D3 v7’s `d3.stack()` to compute stacked series, `d3.scaleOrdinal` for category colors, and `d3.scaleBand` for genre positioning. Interactive tooltips appear on mouseover, displaying the percentage value. The chart is rendered as SVG, with data sourced from a CSV file containing genre-specific rating proportions.

FFayezuddin Mohammed Khan
92% match
Loading thumbnail…

Activity6_Task2

This stacked bar chart shows the percentage distribution of movie ratings across six genres, revealing how genres like Documentary and Action differ in their rating profiles. Each bar segment represents a rating category from below 5.0 to above 8.5, with hover interactions displaying exact percentages via a tooltip. Built with d3.v7, the visualization uses d3.stack for data transformation, d3.scaleOrdinal for color mapping, and d3.scaleBand for categorical positioning. Data originates from a CSV file containing genre-specific rating proportions. SVG rendering handles the visualization, with axes generated through d3.axisBottom and d3.axisLeft.

KKhushi Desai
92% match