Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity6_Task2

Public visualization

Viewing a saved revision (read-only)

bd141216cd984e80b3591118064c9344

Activity6_Task2

0 stars0🌍 Public
PPavanKumarRacharla@my.unt.edu
Last edited Apr 5, 2024
Created on Apr 5, 2024
Forked from Hello VizHub

This stacked bar chart shows the distribution of IMDb ratings (below 5.0, 5.0-6.5, 6.5-7.5, 7.5-8.5, above 8.5) across six movie genres, with each genre’s bar segmented to reveal the proportion of ratings in each category. Hovering over a segment displays the exact percentage for that rating band within the genre, with all segments summing to 100%. The visualization uses D3 v7’s `d3.scaleLinear`, `d3.scaleBand`, and `d3.scaleOrdinal` methods to map data from `data.csv` to SVG rectangles, and tooltips are implemented via DOM event handlers. The color scheme distinguishes rating categories, and the chart is rendered entirely in SVG with axes labeled for percentage.

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.