Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity_6_Tutorial 2

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

9cd1f9e30e5f42c891713f6823e6b2e4

Open

Activity_6_Tutorial 2

0 stars0🌍 Public
HHarsha vardhan reddy Yarmareddy
Last edited Apr 5, 2024
Created on Apr 5, 2024
Forked from Hello VizHub

This stacked bar chart visualizes the distribution of IMDb movie ratings across six genres, with each bar segment representing the percentage of titles falling into five rating brackets. The visualization uses D3.js (v7) to load CSV data and render SVG elements, employing `d3.stack()` for the stacked layout, `d3.scaleBand()` for the categorical y-axis, and `d3.scaleLinear()` for the percentage x-axis. Interactive tooltips display exact percentages on hover, while color encoding via `d3.scaleOrdinal()` distinguishes each rating category.

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.