Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity6_Task2

Public visualization

Viewing a saved revision (read-only)

187a29b2c30445cfbb57ce9f0dc6fa2e

Activity6_Task2

0 stars0🌍 Public
LLakshmiPrasannaValdas@my.unt.edu
Last edited Apr 15, 2024
Created on Apr 15, 2024

This stacked bar chart shows the percentage distribution of IMDb rating levels (below 5.0, 5.0-6.5, 6.5-7.5, 7.5-8.5, above 8.5) across six movie genres, revealing how genre impacts audience ratings. Using d3.stack() to accumulate rating segments per genre and d3.scaleOrdinal() for color encoding, hovering over a bar segment displays an exact percentage via a custom tooltip. The SVG visualization, built with D3 v7, plots genres vertically against a linear x-axis, with gridlines and axis labels styled by custom CSS.

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.