Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

Activity_6_Tutorial 2

Public visualization

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.

Comments

Sign in to join the discussion.

MIT Licensed