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)

3961c9320c6842e9b7f9dcaec719d8d4

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.