Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity 8_Task 2 Tutorial

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

c00e329ea58b49a791a0c45ba8f59d5a

Open

Activity 8_Task 2 Tutorial

0 stars1🌍 Public
UUthkarsh Reddy Junuthula
Last edited Apr 11, 2024
Created on Apr 11, 2024
Forked from Hello VizHub

This visualization uses a stacked bar chart to show the percentage of IMDb movie ratings (below 5.0, 5.0–6.5, 6.5–7.5, 7.5–8.5, above 8.5) across six genres, making it clear how distributions differ—e.g., Action skews low, Documentary high. Built with D3 v7 and SVG, it employs `d3.stack`, `d3.scaleLinear`, `d3.scaleBand`, and `d3.axisBottom`/`d3.axisLeft`. Hovering a bar segment displays a tooltip with the exact percentage for that rating category, using `mouseover`, `mousemove`, and `mouseout` events.

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.