Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Question 3

Public visualization

Viewing a saved revision (read-only)

68028caf4b9644a5a3998ea6f3ea1c31

Question 3

0 stars0🌍 Public
GGangumalla Ruchitha Reddy
Last edited Apr 14, 2024
Created on Apr 14, 2024
Forked from Hello VizHub

A stacked horizontal bar chart displays the distribution of movie ratings across six genres, with each bar segmented into five rating categories from "below 5.0" to "above 8.5." The chart uses D3 v7's `d3.stack()` and `scaleOrdinal` for color mapping, with `scaleLinear` for the x-axis and `scaleBand` for genres. Tooltips appear on mouseover via `d3.select` and `event.pageX`/`pageY`, showing the exact percentage per rating category. Data originates from a local `data.csv` file rendered as SVG.

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.