Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

Activity 8 Task 2

Public visualization

Activity 8 Task 2

0 stars0๐ŸŒ Public
Nneeleshalapati@gmail.com
Last edited Apr 10, 2024
Created on Apr 10, 2024
Forked from Hello VizHub

This stacked bar chart visualizes the distribution of IMDb movie ratings across six genres, breaking down the percentage of films into five rating categories from "below 5.0" to "above 8.5". The horizontal bars are segmented by rating band using distinct colors from a custom scale, with genre labels on the y-axis and a numerical percentage scale on the x-axis. The visualization is rendered using D3.js v7, leveraging `d3.stack`, `d3.scaleBand`, and `d3.scaleLinear` to construct the chart, and includes interactive tooltips that display the exact percentage for each genre-rating segment on mouseover.

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.

Comments

Sign in to join the discussion.

MIT Licensed