Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Task8_Question2

Public visualization

Viewing a saved revision (read-only)

d10c046e84fe4e519b143e5cb53e9bea

Task8_Question2

0 stars0🌍 Public
KKeerthi
Last edited Apr 10, 2024
Created on Apr 10, 2024
Forked from Hello VizHub

This stacked bar chart shows the distribution of movie ratings across genres, with each bar representing a genre and segments showing the percentage of ratings in different categories. It uses D3.js v7 with an SVG rendering approach, where the data is processed through `d3.stack()` and mapped to horizontal bars. The chart employs `d3.scaleOrdinal()` for color coding and `d3.scaleBand()` for the y-axis layout. Interactive tooltips display exact percentages using `d3.select()` and event handlers, with the data loaded from a CSV file containing cereal information.

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.