Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

question2

Public visualization

Viewing a saved revision (read-only)

45f12645ea544f55897a9141037e4305

question2

0 stars1🌍 Public
Ssanjanadadi19@gmail.com
Last edited Apr 5, 2024
Created on Apr 5, 2024
Forked from Hello VizHub

This stacked bar chart shows the distribution of movie ratings across six genres, with each column divided into five rating bands from "Below 5.0" to "Above 8.5". The visualization reveals how genres like Sci-Fi and Thriller skew toward higher ratings while Fantasy and Adventure spread more evenly. Hovering over any segment displays a tooltip with the exact percentage for that genre-rating combination. The chart uses d3.stack() for data aggregation, d3.scaleBand() and d3.scaleLinear() for axes, d3.axisLeft() and d3.axisBottom() for ticks, and d3.schemeCategory10() for color encoding, all rendered as SVG elements. Data comes from movie.csv.

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.